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

Proszę dodać BBCode.

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

Zmień z

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

na

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

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

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