Previous Message
Next Message

Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

Sent by Rob Newman on 29 March 2006 07:07

Hi everyone,

This is my first post to the list so please be gentle :)

I have a site I am making:

I have implemented the Scalable Navigation from Dan Cederholm's 'Bulletproof
Web Design' book, but have a problem with a horizontal scrollbar in Safari and
FF (Win). I have managed to stop it appearing on FF (Mac) with the following

body {
        overflow-x: hidden ;
        overflow-y: auto ;

But I can't figure out how to get rid of the scrollbar in Safari. I tried to
add the following to the #nav div to force the scrollbar to disappear, but this
seems like a real hack solution.

position:relative ;
left: 40px ;
margin-left: -40px ;

I have tried to solve by searching Google, and it seems like everyone knows the
problem (such as Eric Meyer commenting on the 'dread horizontal scrollbar') but
a solution seems to be eluding me. Can anyone help me? Thanks in advance,

- Rob

To help you stay safe and secure online, we've developed the all new Yahoo! Security Centre.
css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: