Firefox: padding macht div breiter

[MudGuard]

Hi,

menu { width: 180px; padding: 10px;}
IE6 und Opera8 zeigen den div-Bereich "richtig" an, also 180 Pixel breit

Das ist aber nach CSS-Spezifikation falsch.

width im Sinne von CSS ist die Breite des content.
Padding, border und margin liegen außerhalb.

Daß der IE das falsch macht, ist schon lange (unter dem Namen box model bug) bekannt.

Die Geckos verhalten sich korrekt.

Firefox macht es etwas anders: Er macht den div-Bereich einfach 20 Pixel breiter: 180px + 10px + 10px.

So wie es die CSS 2.0 / CSS 2.1 Spezifikation vorsieht.
Works as designed.

Was kann man da tun?

Über Doctype-Switching IE und Opera in einen standardnäheren Modus umschalten.

Ersatzweise mal testen, wieweit box-sizing von Geckos schon unterstützt wird.

cu,
Andreas