Question

Hi I have a problem with jQuery banner and dropdown menu. The dropdown menu is behind the jQuery banner slider. Look for a sample here

I tried z-index and position:absolute but I couldn’t fix it.

Answer 1

tested in ie… you do have a problem, but it can be solved with the z-index property as shernshiou said. you should put this in a css file :

#slider{
    z-index : -1;
}

UPDATE
In ie <= 8, you have to set the z-index for the submenu too (although it should be 0 by default), so, either add a class to every submenu which sets the z-index attribute higher than the slider’s z-index, or you can do it dynamic with jquery :

var newZIndex = ($('#slider').css('z-index') || 0) + 10;
$('div[id^=menu_child]').css('z-index',newZIndex);