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

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


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



Udalo sie rozwiazac problem samemu
Pomoglo wstawienie:

  1. clear: right;