IE7 border issue

Question

In meiner Webseite gibt es ein div mit der Breite 0, das einen linken und rechten Rand von je 1px Breite hat.

In Firefox, wenn ich den folgenden Code geben, hält es das div mit 50px Breite, aber es ist zufällig 48px breit in IE7.

<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div> 

Kann mir jemand helfen, dieses Problem zu lösen?

Vielen Dank im Voraus.

Answer 1

Sieht aus wie IE box model bug. Im Quirks-Modus subtrahiert der IE border, padding, marginfrom Elementbreite. Siehe Diagramm unten:

Wenn Sie korrekte DOCTYPE für Ihre HTML erklären, sollte dieses Problem weggehen.