Your problem seems to be with the left margin of the sidebar style. Try
#sidebar { BORDER-TOP: #75949e 2px solid; MARGIN: 6px 0px 6px 44px; FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; OVERFLOW: auto; WIDTH: 480px; COLOR: #30150e; HEIGHT: 199px; BACKGROUND-COLOR: #fff; border:1px solid blue; } * html #sidebar{margin-left:264px;} Regards Graham Cook -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Vicky Etherington Sent: Thursday, 26 May 2005 9:31 PM To: Ingo Chao Cc: css-d@lists.css-discuss.org Subject: RE: [css-d] Firefox and IE discrepancies Ingo, I really appreciated your advice, and you pointed out that I need to set the height of various divs which has helped my layout a lot for lower resolutions, but I'm still struggling with the overflow problem in FF when I apply it. I have applied clear:both rules to the navigation and the #main div, but FF still throws the content over to the right when the overflow: auto rule is applied (it's fine without it, although it obviously cuts the content off) I have uploaded the same layout WITH the overflow set to auto at: http://www.azuremarketing.com/clients/workham04/web/. It looks fine in IE, but viewing it in Firefox will show the problem. If anyone has any suggestions as to how I can fix it, that would be great. Many thanks. -----Original Message----- From: Ingo Chao [mailto:[EMAIL PROTECTED] Sent: 24 May 2005 16:49 To: Vicky Etherington Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Firefox and IE discrepancies Vicky Etherington schrieb: ... > I'm also aware that I could do with adding an overflow: auto rule as Opera > throws the content out of the bottom, but this totally throws my layout in > Firefox. The whole of the content box moves out to the right, and I'm not > sure why, or how I can fix it. ... > > The page is at: http://www.azuremarketing.com/clients/workham04/web/ > The vertical centering technique you are using http://www.hicksdesign.co.uk/journal/vertical--horizontal-centering-2 will not allow the content to expand the #wrapper, since the given height is needed to pull the construct into the center with negative margining. So, if you want to set overflow:auto in #wrapper, you'll get scrollbars. Note that the FF problem is due to the missing clearing of the navigation floats, and will occur when you zoom the text too. Add clear:both to #main to fix this. Ingo ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/