On Sat, 5 Jan 2008 12:13:25 +1100, Joanne wrote: > http://server.npserver1.com/~netper/thebankhotel/ > > In Firefox & Safari this looks correct. In IE6 & 7, the #main div isn't > lining up with > the background wallpaper that's centered on the entire page and I'm not sure > why. > > There's a small gap to the right of the banner and you'll notice that > underneath the > word footer (which is the end of the #main div and just blank space) the > #main div & > the wallpaper don't line up. > > Can anyone shed some light? >
The centering of the #main DIV and the centering of the background image do not match up in IE. If you slowly widen or narrow the window, you will find that the content shifts alternately left and right by one pixel WRT the background. I'm afraid I don't have a solution for this. You have a more serious problem in IE7. When you zoom, the background image does not expand along with the rest of the page. I believe this is an IE7 bug. To circumvent it, add a dimensionless wrapper to the page and put the background image on that. Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
