Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Jquery, Nivo slider overlays dropdown menu

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

like image 716
Breezer Avatar asked Feb 12 '11 13:02

Breezer


1 Answers

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;
}
like image 182
keatch Avatar answered Sep 23 '22 19:09

keatch