DIV element im IE 6 - reservierten Platz entfernen

[schildi]

hi,

unabhängig von der rstlichen Diskussion:

Ist sicher ein bekanntes Problem, nur hab ich keine Lösung finden können bisher:

so ein leeres div im IE:
<div style="border:1px solid #000000;"></div>
nimmt sich ca. 10px Platz weg.

Der IE interpretiert height bekanntlich wie min-height, und er lässt im leeren Div Platz für die Höhe eventuellen Textinhaltes.

font-size auf 0 zu setzen, wird oftmals empfohlen - overflow:hidden erscheint mir aber günstiger.

gruß,
wahsaga

leider funktioniert beides nicht in diesem fall:

#content div #leer
{
 margin: 5px 0 5px 0;
 font-size:0;
 height: 1px;
 overflow:hidden;
 background-image:url(img/line.gif);
 background-repeat: repeat-x;
}

<div id="leer"></div>
<h1>h1 ueberschrift</h1>

bei diesem konstrukt wird das zweite div korrigiert:

<div id="leer"></div>
<div id="leer"></div>
<h1>h1 ueberschrift</h1>