Bretschi: Darstellungsprobleme in IE6

Beitrag lesen

Hallo nochmal,

habe wieder einige einstellungen probiert ich schaffe es einfach nicht.

kann mir bitte wer sagen, wie ich sauber 6 grafiken (3 Zeilen; 2 Spalten) aneinander bekomme? zwischen den einzelnen bildern soll immer 1px abstand sein...

es wäre super, wenn das ganze dann in IE6, IE7 und firefox gleich dargestellt würde...

Danke nochmals für eure Hilfe!

gruß,
Bretschi.

das haut so nicht hin...:

<style type="text/css" media="screen">
<!--
.navi{
display:block;
overflow:hidden;}

ul{
margin-right:1px;
padding:0;
float:left;
}
li{
padding:0;
margin-bottom:1px;
list-style:none;
}
-->
</style>
<body>
<ul class="navi">
 <ul>
  <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
     <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
     <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
 </ul>
 <ul>
  <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
     <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
     <li><img src="befit_hp_big/navibausteine_orange/1_3_a.gif"></li>
 </ul>
</ul>
</body>