Block Abstand @ IE

[ayreon]

Hi,

bin gerad daran, ne HTML Table Seite auf CSS umzuschreiben, um für das nächste Design dann nur noch die CSS Datei schreiben zu müssen.

Dabei stellt sich mir folgendes Problem, IE lässt zwischen den Blöcken paar pixel abstand. Ich kann auch solang probieren wie ich will, diesen Abstand krieg ich nicht weg.

Hier mal die Seite: [url]http://212.202.255.74/rkpage/rk.html[/url]

der relevante CSS Code:

  
#head  {  
  width: 1000px;  
  height: 135px;  
  background: transparent url(images/head.jpg);  
}  
#navigation {  
  FLOAT: left;  
  WIDTH: 179px;  
  HEIGHT: 201px;  
  background: transparent url(images/navigation.jpg)  
}  
#main {  
  margin-left: 179px;  
  margin-right:168;  
  HEIGHT: 300px;  
  background: transparent url(images/main_bg.jpg);  
}  
#right {  
  FLOAT: right;  
  WIDTH: 168px;  
  HEIGHT: 143px;  
  background: transparent url(images/col_right.jpg);  
}  
  
#bottom   {  
  background: transparent url(images/bottom.jpg);  
  width: 821px;  
  height: 36px  
}  

HTML Code:

  
<div id="container">  
  <div id="head"></div>  
  <DIV id="navigation">topleft</DIV>  
  <DIV id="right">topright</DIV>  
  <DIV id="main">topmiddle</DIV>  
 </DIV>  

Im Opera und Mozilla funktionierts einwandfrei, mit dem IE Hack bin ich auch nicht weitergekommen.

gruß