Téma: IE float probléma

Van egy kis problémám a jobbra igazítással IE 6/7 alatt.

A lényeg az lenne hogy a headerben bal oldalra menne az oldalam logója, jobbra pedig egy banner hely. Minden böngészővel stimmel, kivéve az IE-t...
Igaz, jobbra igazodik a banner, de 1 sorral lejjebb megy.

Kezdő vagyok még. Ha valami volt azért megoldottam, de most elakadtam teljesen.

Végigszántottam a netet a válaszért, de csak az enyémhez hasonló kérdéseket találtam.

Az alábbiakkal tudok szolgálni:

Kód:

.logo {
	background: #026CB1;
	min-height: 100px;
	margin: -20px -20px 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.logo img {
        margin: 20px 0 0 20px;
}

.banner {
        float: right;
        margin: 0 20px;
}

Kód:

<div id="container">
<div id="header">
<div class="logo">
<a href="valami.com/index.php"><img src="{$theme['logo']}" title="valami.com" /></a>
<div class="banner"><a href="http://valami.com" target="_blank" rel="nofollow"><img src="{$theme['imgdir']}/banner.gif" /></a></div>
</div>

Nem tudom hogy ez elegendő info-e.

Remélem valaki segít! Köszönöm!

---

Hasonló témák:

• Php probléma
• Hol itt a probléma?
• dw probléma
• 301 probléma
• SEO probléma

Konkrétan nem próbáltam ki, de 1-2 bizonytalan pont:
* korai IE esetén nincs min-height
* érdemes lenne a .logo-t is floatolni, balra.
* adj meg szélesség-magasságot a floatolt div-eknek (vedd figyelembe az ie box-model bug-ot is, figyelj a margin-padding-ra!)

Nem tudom, használsz-e css reset-et, érdemes lenne. Az ie-specifikus css-hez érdemes külön fájlt létrehozni, és kondicionális kommenttel behívni azt. Ha ez nem tetszik annyira, akkor használhatsz css hack-eket is, ie6 esetén a legegyszerűbb az "alulvonás" szerintem. ("_height: 100px;")

A .logo img-hez kellett a float left. IE 7 kipipálva. Isten vagy!

6 alatt még rosszabb lett, de a többi javaslatodat még most próbálom.

Szerk: A min-height sima height lett és így már IE 6 alatt is zsír.
Még 1x köszi!