andi: Problem mit Tabelle (es bleibt ungewünschter Freiraum)

Beitrag lesen

Hallo,
bin neu im Forum und Anfänger in Sachen html/css
hab nun ein Problem das ich nicht selber lösen kann...

hab eine Tabelle um Bilder zu ordnen/auszurichten:
http://home.arcor.de/napolen/test.html

nun das Problem:
bei firefox: bleibt in den einzelnen Zellen ein Freiraum
bei internetexplorer: wir der recht rahmen bei den äusseren Zellen nicht angezeigt

hoffe man kann mir helfen.

hier noch der code:
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>ultimatives Testcenter</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<table id="rahmen">
  <colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
  <colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
  <colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
</table>
</body>
</html>

css:

#rahmen td
{border-width:1px;
border-style:solid;
padding:0px;
border-color:#000;
}

#rahmen {
border-collapse:collapse;
}