I have made a page with a background florish that looks good in FF, Safari and Opera. It is supposed to be centered just like in those browsers. There are two backgrounds and they are both centered but in IE, they are not.
Is this part of the box model problem I keep hearing and reading about and yet not understanding. If so how do I fix it?
Try changing it to overflow: auto and see if that fixes the IE problem. If so just put that in an IE specific stylesheet and the change it back to overflow-y: scroll (y will get rid of the horizontal scrollbar).
So let’s try a new tack. On the #page-wrap div, instead of margin: 0 auto; how about margin: 0 0 0 97px; The difference between the width of #florish-bg-wrap and #page-wrap is 194px so half of that as a margin must center it. I hope :|
I have an old Sony laptop running XP (and Ubuntu) and when you first posted last week I looked at the page on that and noticed a horizontal scrollbar, which is why I was concentrating on the html scroll rule.