poziome menu

[teN]

Chodzi mi o stworzenia poziomego menu bez przerw pomieddzy obrazkami ( odsyłacz obrazkowy ) ale także by to menu współ grało ze stroną.

index

Kod:

<div id="menu">

<ul>

<li> <a href="index.html"><img border="0" src="images/2.png" alt="Home" border="0" /></a> </li>
<li><a href="forum.html"><img border="0" src="images/3.png" alt="Forum" border="0" /></a></li>
<li><a href="tuty.html"><img src="images/4.png" alt="Tutoriale" border="0" /></a></li>
<li><a href="projekty.html"><img src="images/5.png" alt="Projects" border="0" /></a></li>
<li><a href="konkurs.html"><img src="images/6.png" alt="Competition" border="0" /></a> </li>
<li><a href="Kontakt.html"><img src="images/7.png" alt="Kontakts" border="0" /></a></li>
<li><img src="images/8.png" alt="" /></li>

</ul>

</div>

css

Kod:

ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    float: left;
}

jeśli mam tak jak wyżej to ten dv wyskakuje z strony. Reszta grafiki idzie ku górze a on wychodzi jako 1 warstwa. Rozchodzi się by obrazki były połączone lecz by div dalej był pomiędzy innymi divami

[Labsta.com]

Div musi mieć overflow: hidden;

[teN]

dzięki działa