lista obrazkow, zamiast tabeli

[kengi]

czesc,

wlasnie koduje swoja strone, probuje trzymac sie standardu XHTML strict.

postanowilem wywalic tabele i zastapic ja ul li.

aktualnie to wyglada tak:

https://kengi.robal.net/gal.html

css:

https://kengi.robal.net/style.css

problemem jest przerwa miedzy rzedami, ma jej nie byc. i o dziwo w IE jej nie ma. problem jest z firefoxem.

jak to nalezy zrobic, zeby w ff bylo tak samo jak w ie?

nie mam w ogole pomyslow, wszystkie rozwiazania w sieci jakie udalo mi sie znalezc to display:inline;

zalatwia to przerwy horyzontalne ale nie te o ktorych pisze powyzej.

tu fragmenty kodu jaki obecnie mam:

html:

<ul>
<li><a href="gal_img.php?id=1&gid=1" title="Kliknij aby powiekszyc"
><img src="https://kengi.robal.net/images/thumbs/zuri_paint_01.jpg" alt="zuri_tmp" id="thumb1" /></a
></li
><li><a href="gal_img.php?id=1&gid=1" title="Kliknij aby powiekszyc"
><img src="https://kengi.robal.net/images/thumbs/zuri_paint_01.jpg" alt="zuri_tmp" id="thumb2" /></a
></li
><li><a href="gal_img.php?id=1&gid=1" title="Kliknij aby powiekszyc"
><img src="https://kengi.robal.net/images/thumbs/zuri_paint_01.jpg" alt="zuri_tmp" id="thumb3" /></a
></li
><li><a href="gal_img.php?id=1&gid=1" title="Kliknij aby powiekszyc"
><img src="https://kengi.robal.net/images/thumbs/zuri_paint_01.jpg" alt="zuri_tmp" id="thumb4" /></a
></li
>
<!-- i tak dalej -->
</ul>

css:

ul{
list-style: none;
margin: 0;
padding: 0;
}

li{
margin: 0;
padding: 0;
display: inline;
}

z gory dzieki za pomoc.

[websign]

Dodaj:

li img {display: block; float: left;}

Powinno pomóc

[kengi]

no i o to chodzilo, pieknie dziekuje