Table Lücke trotz cellspacing cellpadding und border =0

Moin Forum,

habe ein Problem mit einer Tabelle in der per Javascript einzelne Bilder getauscht werden. Das JS funktioniert auch problemlos aber die Tabelle in der die Bilder stecken hat jeweils nach einer Zeile einen Zwischenraum obwohl ich im HTML mit Border Cellspacing und Cellpadding alles auf 0 gesetzt habe. Jetzt habe ich noch zusaetzlich

table {
margin: 0 px;
padding: 0 px;
border: 0 px;
border-spacing: 0px;
}

ins stylesheet eingefügt aber es bringt nichts Der Browser ist FF3.5.3

Hat jemand eine Idee? Hier der text:

<table style="float: left; margin-right:10px;" width="300" height="345" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img name="Image7" border="0" src="img/map_nw.jpg" width="148" height="119"></td>
<td><img src="img/map_ne.jpg" width="152" height="119"></td>
</tr>
<tr>
<td><img src="img/map_mittew.jpg" width="148" height="80"></td>
<td><img name="Image8" border="0" src="img/map_mittee.jpg" width="152" height="80"></td>
</tr>
<tr>
<td><img src="img/map_sw.jpg" width="148" height="148"></td>
<td><img src="img/map_se.jpg" width="152" height="148"></td>
</tr>
</table>

Ok hab ich ausprobiert aber nichts passiert. Ich hab echt keine Ahnung was falsch sein koennte...aber es muss irgendwas grundsaetzliches sein. Im IE siehts genauso aus.

Danke ersteinmal fuer Deine Hilfe. Mit block funktioniert das Ganze im FF aber im IE bleiben die Lücken. Ich muss dazu sagen ich bin echt Anfänger auf dem ganzen gebiet Webdesign. Deshalb hab ich jetzt ein neues Problem.

Ich hab die ganze Grafik mit einer Liste und CSS ohne Tabelle zusammengebaut. Nun ist die Grafik OK aber im IE wird das ganze Layout "zerrissen" (Im FF siehts OK aus! sAnhang) Auf meinen fertigen Seiten haelt sich der IE brav an die Seitenränder. Aber auf dieser Seite mit der Grafik zerreissts sogar den footer...

was stellt der IE anders dar?

hier das css! habe in der map einfach dengleichen margin ergänzt in der hoffnung das es hilft- ging aber nicht

#inhalt{

padding: 0 2em 50px 2em;
color: black;
margin-left:120px;
margin-right:20px;
}

#map { align:center;
width:300px;
height:347px;
display:block;
border-style: none;
padding: 0 2em 50px 2em;
margin-left:120px;
margin-right:20px;

}

#map ul
{

margin: 0 0 0 0;
padding: 0;
list-style-type: none;

}

#map li
{
list-style-type: none;
float: left;
padding: 0;
margin: -2px 0 -2px 0;
border: none;
}