Jquery, Nivo slider overlays dropdown menu

Breezer picture Breezer · Feb 12, 2011 · Viewed 15.2k times · Source

I have this website where i use both nivoslider and my ownmade dropdown menu but as it happens to be once the slider shows a picture the menu gets behinds the slideshow. It can be seen on the website im working on if you hover "Bilservice"

http://tantobil.se/

I've tried z-index and what not but i can't get it to work? is it something im missing here? all help is very much appreciated

Answer

keatch picture keatch · Feb 12, 2011

to fix with chrome, try to modify your CSS stylesheet, style.css, at line 148, adding a z-index: -50;

#slideshow {
  margin-top: 30px;
  height: 270px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid black;
  background-color: #999;
  overflow: hidden;
  z-index: -50;
}