.slider {
background-color: #fff;
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(top,#fff,#f2f2f2);
position: relative;
top: -100px;
z-index: 1;
}
.nav-primary {
clear: both;
line-height: 1;
margin: 0 auto 40px;
overflow: hidden;
width: auto;
z-index: 50;
position:relative;
top: 570px;
}
I did that, it’s working fine in Firefox but I assume it’s going to break on portability or some browsers but perhaps this will help others set me right.. I assume z-index is being totally ignored and its just the positioning values I have used that is moving things around though?