[CSS] <div> element in ie doppelt so hoch

[Enerkin]

Hi,
bin am verzweifeln.
Habe folgende Seite: http://quakenet.seite-5.de/css/

in FireFox sieht alles so aus, wie es sollte.
Aber im Internet Explorer wird der Schatten ganz unten irgendwie doppelt angezeigt, ich weiß aber absolut nicht wieso.

hier der betreffende teil aus der html datei:

<div class="body_foot">
            <div class="body_foot_01">
            </div>
            <div class="body_foot_02">
            </div>
</div> 

hier aus der css datei:

div.body_foot {
    position: relative;
    top: 39px;
    right: 0px;
}
div.body_foot_01 {
    position: relative;
    background-image: url(img/layout/green/content_foot_01.gif);
    width: 790px; height: 9px;
}
div.body_foot_02 {
    position: absolute;
    background-image: url(img/layout/green/content_foot_02.gif);
    width: 10px; height: 9px;
    top: 0px;
    bottom: 0px;
    left: 790px;
} 

die ganze css datei ist hier: http://quakenet.seite-5.de/css/style.css

hoffe ihr könnt mir weiterhelfen,
thx schonmal im voraus

[wahsaga]

Re: [CSS] &lt;div&gt; element in ie doppelt so hoch

Da der IE height fälschlicherweise wie min-height interpretiert, dehnt er deinen Div auf Schriftgröße aus.

Ergänze overflow:hidden, damit er sich an die height-Angabe auch wirklich hält. (Die Schriftgröße für diesen Div herabzusetzen, wäre ebenfalls eine Möglichkeit.)

[Enerkin]

ok, hat funktioniert, danke