Help with CSS Scroll bars and a:hover in Firefox and IE6

[jonthomas83]

Hi guys, I've just spent ages on designing a website and have come to crunch time and it's not working properly in Firefox and a friend says it's not going good in IE6. I was wondering if you guys could help me out.

1. I've done a scrollbar on the main content you see at the following URL but it doesn't scroll in Firefox.

www.philsfenders.com/test/f45.html (http://www.philsfenders.com/test/f45.html)

2. Also the guitar thumbnails on the right hand side are supposed to click and show a bigger image, this works in IE7 but not in Firefox and IE6.

3. At this page: http://www.philsfenders.com/test/main.html

As the user hovers over the buttons it is supposed to highlight the guitar using png images and absolute positioning, this works in IE7 but my friend says it does not work in his browser which is IE6.

Please can anyone share any advice or cheats to get around these problems in CSS or in the HTML.

Many thanks
Jonathan

[drhowarddrfine]

#gallery is overlapping the scroll bar, this is why it's not working in FF. Didn't look to see what IE7 bug is making it work there.

First things first, validate and fix your html and css errors.

[jonthomas83]

The errors are coming up saying I'm not allowed to style the scrollbars. Will this be a major problem?

Everything else is valid though.

I've sorted the scrollbar problem. Just the gallery and the absolute positioning left to do now.

[drhowarddrfine]

Styling scrollbars is not standard markup and only an IE thing. Other browsers ignore it.