Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
|
Moved to css forum.
I just looked at your css and it seems to be this line at issue:
HTML Code:
.footer{ background:#cc99ff; padding-top:27px; text-align:center; height:74px; color:#63248c}
The differences you see are due to differences in the way the browsers are treating the box model. To get the effect you want in Firefox you need to either increase the padding-top on the footer or increase the height. (probably by 27px)
Naturally that's going to throw things off in IE. The easiest and quickest fix is to set up conditional comments for IE and then present IE specific css. in this case you'd just need to have the css for either the padding-top of the height to set it back to the value you're using now.
|