Problem mit IE: Spalte bzw. Lücke/Abstand zwischen 2 DIVs

[melanie]

Hallo,

es ist bestimmt keine große Sache, aber ich mache gerade meine erste Seite mit tabellenlosen Design und habe ein problem im IE (V.6). Dort zeigt er mir eine Spalte oder Lücke an zwischen den beiden divs "header" und "contentarea". Bei Mozilla Firefox ist es so wie ich es haben will.

Codeausschnitt:

<div id="header">
      <img src="images/marienkaefer.jpg" border="0" height="145" width="800" alt="">
     </div>   <!-- header -->

<div id="contentarea">
      <div id="bodyarea">
              <div id="introbox">
             <h1>Thema1</h1>
             <p>Text dnvd.f,bh-gfmnkl-fgmhfölhklöydfkhrmj</p>
              </div>
              <div id="introbox">
             <h1>Thema2</h1>
             <p><i>Beispieltext</i></p>

</div> <!-- introbox -->
          </div>   <!-- bodyarea -->

...
</div> <!-- contentarea -->

CSS-Code:

#header {
width: 800px;
height: 145px;
margin: 0px;
padding: 10px 0 0 0;
}

#contentarea {
width: 800px;
height:500px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url("images/contentbg.jpg") repeat-y top left;
}

Den Link hab ich mal angegeben, da kann man sich das ja mal live anschauen. An was kann das Problem liegen?
Habe schon diverse Internetseiten durchforstet, die sich mit den Problemen beim IE beschäftigen aber nichts gefunden...

Vielen Dank & Gruß Melanie

[Cyx23]

Hallo Melanie,

Den Link hab ich mal angegeben, da kann man sich das ja mal live anschauen. An was kann das Problem liegen?

es hängt wohl mit Abständen beim Bild im Header zusammen, mein Lieblings-Würgaround für den
IE scheint auch da zu helfen, aber vielleicht findest du noch etwas eleganteres:

* html #header img{float:left;}

Grüsse

Cyx23