scriptygoddessRan into a problem today that I really should have forseen: as usual I coded a site so it all lines up perfectly in IE, flip over to Mozilla and it's all out of whack. I realized the reason right away: in terms of calculating widths, IE measures from border to border; Mozilla uses content. This apparently is only a problem in Windows IE less than version 6.0.
I did a search and to my surprize found that you can tell the broswer how to calculate it. I am used to IE's way, so I like border-to-border widths. Stick this in your stylesheet to force Mozilla to do it that way:
div {
-moz-box-sizing:border-box;
box-sizing:border-box;
}
(Found on this board)
This of course makes all div tags calculate this way, but you can stick it in any specific div tag if you want.
For a better explanation of the box-sizing property, I found an article on WebFX.
