[CSS+IE] Ongewenste extra padding-top in DIV met clear

[Verwijderd]

De volgende simpele opmaak:

HTML:

<div id="float">Float</div>
<div id="footer">Extra padding</div>

...met deze CSS:

Cascading Stylesheet:

div#float { float: left; }
div#footer {
    color: White;
    background-color: Black;
    padding: 5px;
    clear: both;
}

...zier er in IE zo uit:


Mijn vraag is, waar komt deze extra padding vandaan en wat kan ik doen om dit te voorkomen?

[moozzuzz]

Cascading Stylesheet:

div#footer {
    padding: 5px;
}

Lijkt me duidelijk?

[Verwijderd]

Duh. Maar de padding aan de bovenkant is zo'n 9 pixels in Internet Explorer.

[Bzam]

google eens op 3px gap ?

[crisp]

Da's de gratis padding-verdubbelaar
Oplossing is 'hasLayout' forceren op je #footer; bijvoorbeeld door een height en/of width op te geven

[Verwijderd]

Inderdaad, met een expliciete width is het probleem verholpen.

Bedankt!