This is probably something very simple, but I'm stumped. My layout looks good so far in IE7, but the outer hairline border is not displaying properly in Firefox 2.0. I have attached screenshots from IE and Firefox to show the difference.
Here is the test page: http://awts.com/amv/template.htm
In Firefox the border seems to be bolder at the top and does not wrap around the sides and bottom of the content. There is supposed to be a 1px gray border going around the entire layout as in the IE screenshot.
Thanks for any assistance.
Attachment | Size |
---|---|
ie.gif | 53.37 KB |
firefox.gif | 48.43 KB |
add overflow: hidden to
add overflow: hidden to #wrap
then search for containing or clearing floats for an explanation as to why...
Unbelievable
Thank you so much!!
I never would have figured that out. Still don't understand it, but I will do the research and learn.
Have a great day.