Firefox Layer Scrollbar and Width Issue

[makemusic]

Hi

In Firefox I have an issue with hiding scroll bars and setting the width correctly on layers.

In the following example you will see a top layer and the main page layer. The top layer should be 660 pixels wide and should display a horizontal scroll bar and no vertical one. The main page should have no horizontal scroll bar. The CSS code for both layers is thus:

#topmenuscroll {
position: absolute;
height: 76px;
top: 1px;
left: 96px;
width: 660px;
overflow-x:scroll;
overflow-y:hidden;
font-family: Georgia, "Times New Roman", Times, serif;
scrollbar-base-color:#A883AB;



#main {
position: relative;
left: 96px;
top: 78px;
height: 352px;
width: 680px;
overflow: auto;
scrollbar-base-color:#A883AB;


Check out

http://www.followtheboat.com/log/case-ramprasad.asp.

I'd be interested in anyone's views, thank you.

 

[BillyRayPreachersSon]

As far as I know, overflow-x and overflow-y are non-standard (possibly IE-only). You should use just "overflow" instead. I'm not sure you will be able to remove just one of the two scrollbars.

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]