[CSS+HTML] problem z IE - ucinanie obrazków, puste miejsca

[cybul92]

Witam,
jestem w trakcie tworzenia strony html+css. W MF i Chromie wszystko działa poprawnie, jednak w IE pojawiają się puste miejsca. Tak, jakby było wszystko przesunięte....

w CSS wszystkie obrazki mam na tej zasadzie:

Kod:

#banner {
    float: right;
    width: 429px;
    height: 140px;
    background: url(images/index_03.jpg) no-repeat;
}
#logo4 {
    float: left;
    width: 104px;
    height: 48px;
    background: url(images/index_13.jpg) no-repeat;
}

w HTML:

Kod:

<div id="header">
<div id="logo"></div>
<div id="banner"></div>
</div>
<div id="header">
<div id="logo1"></div>
<div id="banner1"></div>
<div id="banner5"><ul>
<li><a href="home.html">home</a></li>
<li><a href="stock.html">stock</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul></div>

<div id="header">    
<div id="banner4"></div>
</div>
<div id="header">
<div id="logo3">
</div>    
<div id="header">
<div id="logo4"></div>
<div id="banner3">
</div>
</div>

Screen tak jak powinno być (i jest na MF):

  tak.JPG (Rozmiar: 41.57 KB / Pobrań: 5)
---
Tak jest na IE:

  nie.JPG (Rozmiar: 66.68 KB / Pobrań: 5)
---


Czy da się coś z tym zrobić aby dobrze działało również pod IE ?


Z góry dziękuje za pomoc,
Pozdrawiam