Page 1 of 1

IE box model issue with nested divs

Posted: Sat Dec 21, 2013 10:16 pm
by califdon
Actually, IE misinterprets the box model to give me exactly what I want, but in other browsers it doesn't look right. What I want is a fancy border consisting of 3 nested thin lines around the whole content space. I styled the 3 nested divs with appropriate borders and margins. I understand the so-called box model bug in IE (it counts the margin, border, and padding as inside the specified width--the standard says the width is inside those elements). Does anyone know of a workaround that would give me the results I want? See my illustration below.