Loch im Layout...

[Manu]

Guten abend zusammen,

ich stelle hier gerade ein Table-Layout um und habe im IE eine ca. 3px Breite Zeile zwischen meiner Navi und meinem Content-Bereich. Hat jemand vielleicht einen Ansatz für mich - ich suche schon den halben Tag :o/

HTML:
<div id="outer">
 <div id="inner">
  <div id="header">
  </div>
  <div id="banner">
   <a href="index.html" title="Startseite"><img src="title.gif" alt="Startseite" id="title" /></a><br />
  </div>
  <div id="mainnavi">
   <ul><li><a href="start.html"><img src="start.gif" alt="" /></a></li><li><a href="ende.html"><img src="ende.gif" alt="" /></a></li></ul>
  </div>
  <div id="content">
  </div>
 </div>
</div>

CSS:
div#mainnavi {
  width:750px;
  height:25px;
  padding:0;
  margin:0;
  background:transparent url(../gfx/layout/b_navi2.jpg) no-repeat top right;
  text-align:left;
 }
 div#mainnavi ul {
  margin:0;
  padding:0;
  list-style:none;
 }
 div#mainnavi li {
  margin:0;
  padding:0;
  display:inline;
 }

Noch einen schönen Sonntag!
Manu