Horizontal Scrollbar at 800x600

[Jonny]

Hi I seem to be getting a hortizontal scrollbar at 800x600 resolution on my page here:

http://www.urbaneblinds.co.uk

I can't for the life of me work out what's causing it. Any ideas?

[bluedreamer]

Check your widths/padding/margins for every container from "linkage", it looks like the totals are making it wider than 766/770px - haven't got time to dig much deepr at the mo'

[Centauri]

You have your inner containers set to 778px wide. For an 800px wide screen, by the time you subtract the browser window side borders (around 8px) and the vertical scrollbar (around 18px), the available width is a maximum of 774px. Different browsers and Window themes may well reduce this further, and the 766 to 770px suggested by bluedreamer above should be the width to aim for.

[Jonny]

Thanks for your help guys - I've managed to fix that problem. This has however, highlighted another.

If, in 800x600 you hover over the home button, then go directly to 'Ready Made Blinds' on the end, the sliding hover effect goes off the end of the page and causes a horizontal scrollbar momentarily.

I managed to fix this by setting overflow: hidden; on the body tag however this of course means you lose your scrollbars completely, which is no good.

Are there any better solutions?

Thanks.

[Jonny]

Any ideas folks?