SAFARI Help with CSS list menu and a scrolling overlow....

[puffnstuff]

Page is here:
http://www.makosmotorsports.com/schedule.html

Problem only shows up with Safari. I think I have version 2, so the problem might not exist with newer version (??). But I figure if I have V2, then other users might as well.

The schedule information is set to overflow:auto, which creates the scroll bar on the right when the content is more than the specified height. That way the schedule can go on and on, without making the page appear too long.

The problem is that the left side vertical menu with horizontal pop-outs for the 2nd level, does not work. The 2nd level appears BEHIND the schedule table, instead of in front of it.

This problem disappears if I simply take the overflow:auto out of the code. But unfortunately I will have many more pages that will require a scrolling div, so I must get this to work in all browsers, including Safari.

Does anybody know what I can do to fix this? Please and thank you.

[puffnstuff]

Oh, and for anybody who looks at the page, and the 2nd level menu pops out like it's supposed to for you (on TOP of the schedule table), could you kindly post back here telling me what browser and version you're using?
Thanks again for any help you can offer.

[qdudekem]

Did you find any solution ?
I'm currently stuck with the same problem

[qdudekem]

OK, I found the solution to this myself.
Add these lines in the css for the dl, dt, dd, ul, li definitions :
border: 0px;
position: relative;