Firefox pushes scrollable content left

[belal]

Hi, I'm a novice and I used a css tutorial to create a fluid layout. Now when I view it in IE7 it looks fine. However, something strange happens in Firefox.

When you view pages which do not extend below the screen (ie non scrollable pages) it looks fine, but as soon as you view a page which is scrollable then all the content shifts slightly to the left.

I thought it may have been a problem with the layout and so used a different and far simpler fluid layout tutorial but it hasn't helped at all.

<snip>

Thanks in advance!

Belal

[edited by: Robin_reala at 4:52 pm (utc) on April 13, 2007]
[edit reason] Removing URL as per TOS #13 [webmasterworld.com] [/edit]

[belal]

Sorry I meant "Welfare" or "Reps" on the top.

[birdbrain]

Hi there belal,

the reason for this is that the content is centered between the left hand side of the page and the scrollbar,
which, obviously, is correct.
To overcome this shift requires a scrollbar to be permanently visible in Firefox as it is in IE.
This may be achieved by adding this rule to your stylesheet...

html {
 overflow: -moz-scrollbars-vertical!important;
}

birdbrain

[belal]

Thank you! You are a genius!