Log in

View Full Version : SAFARI Help with CSS list menu and a scrolling overlow....



puffnstuff
11-15-2007, 05:55 PM
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
11-15-2007, 07:06 PM
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
01-05-2009, 02:38 PM
Did you find any solution ?
I'm currently stuck with the same problem :mad:

qdudekem
01-08-2009, 06:34 PM
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;