[CSS] lista z float:left rozlatuje się pod IE6., pola <li> wyświetlają się jedno pod drugim zamiast w rzędzie. Opcje

[kukix]

Witam.

Natrafiłem na dosyć spory problem.
Mam liste pozycji

[HTML] pobierz, plaintext 
<ul><li></li>  ... </ul>
[HTML] pobierz, plaintext 

znaczniki <li> mają ustawione pływanie (float: left).

Pod IE7 i FF wyświetla sięwszystko bardzo dobrze, jednak pod IE6 znaczniki <li> ukladają się jedno pod drugim, zamiast w rzędzie..

Można to w jakiśsposób obejść?

Będe bardzo wdzięczny za wszelkie podpowiedzi.

Ten post edytował kukix 24.06.2008, 16:33:21

[mls]

Bo to zależy jeszcze od tego, co jest wewnątrz tych elementów listy...

[kukix]

Lista wygląda dokładnie tak:

[HTML] pobierz, plaintext 
<div id="nav-cat">
  <h3><a href="index.php"><img src="nav-cat-1.jpg"></a></h3>
  <h3><a id="nav-cat-2"><img src="nav-cat-2.jpg"></a></h3>
  <h3><a id="nav-cat-3"><img src="nav-cat-3.jpg"></a></h3>
  <h3><a id="nav-cat-4"><img src="nav-cat-4.jpg"></a></h3>
  <h3><a id="nav-cat-5"><img src="nav-cat-5.jpg"></a></h3>
  <h3><a id="nav-cat-6"><img src="nav-cat-6.jpg"></a></h3>
  <h3><a id="nav-cat-7"><img src="nav-cat-7.jpg"></a></h3>
  <h3><a id="nav-cat-8"><img src="nav-cat-8.jpg"></a></h3>
  <h3><a href="index.php"><img src="nav-cat-9-off.jpg"></a></h3>
  <h3><img src="nav-cat-10.jpg"></h3>
</div>
[HTML] pobierz, plaintext 

p.s. są <h3> zamiast <li>

Ten post edytował kukix 24.06.2008, 16:40:51

[mls]

Kod

#nav-cat {
    overflow: hidden;
    _zoom: 1;
}

#nav-cat h3 {
    float: left;
    margin: 0;
    padding: 0;
}

#nav-cat h3 a {
    float: left;
}

[cbagov]

display:inline albo block a nie float