[Css] Problem z float Opcje

[(A)rturo]

Jest sobie kawalek kodu [tak wiem tabelki ale w tej chwili musi to zostac]

[HTML] pobierz, plaintext 
 
<div style="width:180px; float:left; margin-bottom:20px; margin-left:5px;  display:inline; ">
<table align="center" cellpadding="0" cellspacing="0" style="width:170px; height:180px; border:1px solid #5a6874">
<tr>
<td align="center" style="vertical-align:middle;"><a href="[[:LINK:]]">
<IMG SRC="[[:FOTO_TN:]]" alt="Click" style="border:0px"></a></td>
</tr><tr>
<td align="center" style="vertical-align:bottom; border-top:1px solid #37424c; padding:3px; height:24px">
<a href="[[:LINK:]]" style="color:#ffffff">[[:NAZWA:]]</a>
</td></tr></table></div>
[HTML] pobierz, plaintext 

Ma zadanie powtarzania tej tabelki w jednej lini. W firefox jest ok. Lecz w IE6 i IE7 jest problem.
W drugim rzedzie pierwsza tabelka jest o,k ale kolejne sa nizsze od tej pierwszej. Robi sie jakby podwojny margin. Wstawilem display:inline; myslalem ze pomoze lecz nie nadal to samo.
Jak rozwiazac to?
Pozbycie se tabelek nic nie daje..
Dziekuje za pomoc!

Załączam screena z IE6

(IMG:http://images45.fotosik.pl/200/9638214a9bf8b651.jpg)

Udalo sie rozwiazac problem samemu
Pomoglo wstawienie:

[HTML] pobierz, plaintext 
clear: right;
[HTML] pobierz, plaintext 

Ten post edytował (A)rturo 17.09.2009, 07:01:00