Box-in-a-Box-Hack & Höhe

[Lutz]

Hallo zusammen

Ich benutze verschachtelte DIVs, um die Breite & Höhe von Rand & Abständen zu trennen (gemäss Box-in-a-Box-Hack für Box-Model-Bug in IE5 & Quirks-Modus). Bezüglich Breite funktioniert das wunderbar - die Box ist 100px breit. Leider richtet sich aber die Höhe nach dem Inhalt. Wie kann ich die innere Box an die Höhe der äusseren Box anpassen? Mit height:100% überlappt sie die äussere Box um 10px.

Vielen Dank für die Hilfe!

#box {
width:100px;
height: 100px;
background-color:yellow;
}
#box div {
border: 5px solid red;
}

<div id="box">
<div>lorem ipsum</div>
</div>