If you’ve ever tested your pages in more than one browser (and you always should), you’ve probably run into a situation where Internet Explorer and Firefox rendered the width of one of your <div>s differently. Fix it in one, and the other is wrong.
What’s going on?
This is typically referred to as the box model problem. IE and FF interpret the padding element differently. Chances are you’ve pulled up this article in a teeth-grinding search to correct the problem, so I’ll just make with the solution:
Add another <div> for your padding.
<div class=”TheStuffYouAlreadyHave”>
<div class=”ThePaddingYouSeparated”>
Content
</div>
</div>
Support web standards! Go to WebStandards.org, educate yourself, and prevent articles like this from being necessary!
