Kleiner Workaround für den IE Box-Model Bug

[Sven]

Ich hab ja schon ne Menge Workarounds für das Problem, für meine Technik einsetzbar waren die alle mehr schlecht als recht.

Ich hab ein bißchen getüftelt und scheinbar etwas gefunden:
Situation ist, daß ich ein beliebiges Element habe dem ich per CSS die Breite 100% zuweise.
Nun möchte ich aber auch ein padding von 3px haben, das sähe dann so aus:
.css:
div {
width:100%;
padding:3px;
}

.html:
<div>Hallo</div>

Der IE addiert 6px zu den 100% und zeigt eine horizontale Scrollbar.

Nu mach ich aber folgendes:
.css:
div {
width:100%;
}
div span {
padding:3px;
}

.html:
<div><span>Hallo</span>/div>

Voila, das funzt

Klappt auch mit Klassen:
.css:
.breite {
width:100%;
}
.breite span {
padding:3px;
}

.html:
<div class="breite"><span>Hallo</span></div>