Padding Makes Div Dimensions Larger

Firefox, Safari, Chrome, and Opera, both Mac and PC, enlarge the dimension of the div by the amount of the padding when styled as below. IE does not in quirks mode, but does when the page has a value DOCTYPE. (A div with no padding provided for comparison.)

<div style="width:100px; border:1px solid black;">content</div>

<div style="width:100px; border:1px solid black; padding:0 5px 0 5px;">content</div>

Styled as below will publish the size of the div the same in each of the mentioned browsers.

<div style="width:100px; border:1px solid black;">
<div style="margin:0 5px 0 5px;">content</div>
</div>

If your divs use padding and the dimensions of divs must be the same across browsers, the above is a solution.

Will Bontrager