[HTML][CSS]problem z poziomym menu Opcje

[maszti88]

Tworze menu poziome ale pojawił się problem pod IE gdyż nie czyta mi cechy float:left.

kod HTML:

<div id="test">

<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 1.1</a></li>
<li><a href="">Menu 1.2</a></li>
</ul>

</div>

kod css:

#test {
margin-top:40px;
height: 50px;
}

#test ul {
list-style: none;
}

#test ul>li {
border:solid red 3px;
float: left;
padding: 5px 10px 5px 10px;
background: #3066A8;
color: white;
font-weight: bold;
}

Posiadam IE w wersji 6. Błąd jest dziwny gdyż jeżeli tworzenie takie menu za pomoca div a nie listy to czyta mi ceche float:left

[blooregard]

Proszę dodać BBCode.

[mortus]

Dodaj display: block; do stylu #test ul>li.

[krzysztof_kf]

Zmień z

[CSS] pobierz, plaintext 
 
#test ul>li {
[CSS] pobierz, plaintext 

na

[CSS] pobierz, plaintext 
#test ul li {
[CSS] pobierz, plaintext 

[pedro84]

Eee, a po co Ci ten div? Zrób tak jak radzi Ci krzysztof_kf i będzie działać.

[mortus]

Ech. Nie zwróciłem uwagi na to, że problem dotyczy IE6. Zrób tak, jak radzą koledzy. Pozdrawiam.