Disable horizontal scrollbar due to a DIV with position:absolute which is outside of the page

Question

I have an absolutely positioned element that is \"outside\" of the page, but I want browsers (I am using Firefox 3) not to display horizontal scrollbars. It seems that displ

Answer 1

Add this to your CSS:

div {
overflow-x:hidden;
overflow-y:hidden;
}

The overflow-x and -y styles are not recognized by IE. So if you're only concerned with Firefox 3, this will work fine. Otherwise, you can use some javascript:

document.documentElement.style.overflow = 'hidden';  // firefox, chrome
document.body.scroll = "no";    // ie only