Bilder onclick im IE nicht ohne Lücken

[xasz]

Hallo Leute,

ich habe momentan das Problem, dass ich es nicht schaffe ein paar Bilder mit Links im IE ohne Lücken dazwischen anzuzeigen.
Habe schon alles probiert was ich gefunden habe, margin, padding, border-spacing... und so, aber es will einfach nicht klappen.

Hier mal der HTML Code:

  
<div id="ControlHUD">  
  <table>  
    <tr>  
      <td>  
      </td>  
      <td>  
       <a href="#" onclick="camera('moveup')"><img src="template/blueworld/gfx/ControlHud1_02.jpg" border="0"></a>  
      </td>  
      <td>  
      </td>  
    </tr>  
    <tr>  
      <td>  
       <a href="#" onclick="camera('moveleft')"><img src="template/blueworld/gfx/ControlHud1_04.jpg" border="0"></a>  
      </td>  
      <td>  
       <a href="#" onclick="camera('stop')"><img src="template/blueworld/gfx/ControlHud1_05.jpg" border="0"></a>  
      </td>  
      <td>  
       <a href="#" onclick="camera('moveright')"><img src="template/blueworld/gfx/ControlHud1_06.jpg" border="0"></a>  
      </td>  
    </tr>  
    <tr>  
      <td>  
      </td>  
      <td>  
       <a href="#" onclick="camera('movedown')"> <img src="template/blueworld/gfx/ControlHud1_08.jpg" border="0"></a>  
      </td>  
      <td>  
      </td>  
    </tr>  
  </table>  

Das hier ist mein aktueller CSS-Code, der einfach net des tut was er soll :)

  
#ControlHUD{  
  position:absolute;  
  margin-top:-270px;  
  margin-left:-640px;  
}  
  
#ControlHUD table td {  
  padding:0px;  
  margin:0px;  
  border-collapse:separate;  
	border-spacing:1px;  
  }  
#ControlHUD table td img {  
  display: block;  
  padding:0px;  
  margin:0px;  
  border-collapse:separate;  
	border-spacing:1px;  
}  

Ich habe keine weiteren Befehle mehr gefunden, mit welchen ich den Abstand zwischen den Bildern entfernen könnte.

Danke für euere Hilfe

der xasz