Attempted everything, my dropdown menu keeps going behind my slider in IE6. See here:

http://www.vectorsig.com

Notice in IE6, and also the menu goes behind the slider. (This is a mock-up site for testing reasons, nothing important on the website.)

I attempted putting the slider at z-index: -1, position: relative...nothing, attempted fiddling using the menu. Nothing.

I am at the stage where I am just sitting down, smashing secrets, looking in the screen. ANY help could be much appreciated.


Here's some background info: It's running using blogging platforms, using the theme: News. (http://devpress.com/styles/news/)

The slider is "Simple Nivo Slider", a Wordpress wordpress plugin: (http://wordpress.org/extend/plug ins/simple-nivo-slider/ )

EDIT: SOLVED (the forum wouldn't allow me to Answer my very own publish.

I made use of this.

.menu{
    position: relative;
    z-index: 5;
}

#container{
    position: relative;
}

I would't use negative z-index in almost any circumstance. It'll prevent some occasions from being fired around the element. Always employ positive z-index for that element which must be in-front.

check adding this towards the top of your header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

otherwise try adding that one inside your header

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

And So I observe that the anchor tags inside your slider have positive z-index values (5, 6, 8, etc.). Perhaps you have attempted giving your menu elements a generously high z-index? Also, only a shot at nighttime here, you could try giving your menu as well as your slider elements zoom: 1. This will not modify the zoom of the elements, however it can give them the hasLayout property, that has been recognized to fix little eccentricities such as these in IE.