What have I done??

[nickjelly]

Hi,

Hopefully someone can help. My site shifts several pixels to the right when selecting certain top menu items.

I'm pretty sure it's something I've tweaked in the css (this site has had much tweaking) but where to start I do not know. I'm not getting obvious clues from Firebug.

The site in devlopment is here: Welcome to SMRT

And the offending menu items, if I can call them that, are Whats' Happening and Faith.

Thanks all.

[Steve21]

Looks to me simply that some pages have scrollbar, others don't. Scroll bar reduces page size a bit, and thus "centering" moves. Take a look and you'll see what I mean :P

Those with long bar look "normal", those without move "left" as such.

If that's what you're referring to, a simple workaround is to always make scrollbar show, even when it's not needed

html 
{
overflow-y: scroll;
}

style.

Steve

[beeswax]

Does this happen in all browsers or is it just FF? If it's just FF then it may be the scrollbars. FF only shows a scrollbar if there's content to scroll, and that's what makes your page shift. Try inserting "html {overflow-y: scroll;}" into your template.css file, but remove the quotes.

[nickjelly]

D'oh. So simple! Thank you both. That's saved me a whole lot of time and digging.