date selector ending up underneath menu bar

[r0k3t]

Hi there,

Hmm... I really don't even know where to look on this one - I got a layout from a designer and while all in all they did a very nice job, I mostly just dropped the HTML and CSS into the project and have cruzed on ever since. There is one problem though.

There are these menus and when you click the date selector it goes under it. Uhm - I am probably not explaining that right - check this out...

http://www.refreshless.net/images/cssError.jpg

See what I mean, I have never encountered that before I don't even know where to look. Can someone clue me in on what piece of CSS markup to look for? This is the CSS for the menu from what I can tell.


#nav_outer, #nav_outer_foot{width:1000px; background:url(../images/nav_bg.png) no-repeat top center; height:40px; position:relative; float:left; margin-bottom:10px; }
.nav inner{width:auto; margin:0 auto;}
ul.navlist { list-style-type: none;padding: 7px 0;margin: 0 0 0 20px; height:35px; }
ul.navlist li { display: inline; }
ul.navlist li a{float: left;width: auto; font-family:"Times New Roman", Times, serif; font-size:.8em; color:#666; text-align:center; text-decoration:none; font-style:normal; border:none; padding:3px 10px 5px 10px;}
ul.navlist li a:hover{background: url(../images/nav_hover.png) repeat-x top left; border:none; }


OK - Thanks a lot for any advice...

[Andyram2k]

Hi Rok3t,
This can be fixed by setting the z-index to be higher than that of the bar it is disappearing behind. Have you got a live example we can see, so we can check which style would be causing this? Cheers.

- Andy.