hola que tal tengo el siguiente problema, estoy diseñando una pagina todo va bien pero tengo un pequeño detalle tengo un menu desplegable horizontal, este se despliega bien en firefox 3.6 pero en IE8 aparece pero detras de un banner que esta despues del menu
cual es el problema
esta es la url del menu con firefox
http://img693.imageshack.us/i/menu1t.jpg/
y esta la url del menu con IE8
http://img408.imageshack.us/i/menu2to.jpg/
este es el codigo de css de mi menu
#menu {
background-image:url(../images/nav_bg.png);
background-repeat:repeat-x;
height:30px;
width:880px;
padding-left:70px;
position:relative;
}
#nav {
list-style:none;
z-index:1;
}
#nav li {
float:left;
background-image:url(../images/nav_li_bg.png);
background-repeat:no-repeat;
background-position:right;
}
#nav li a {
display:block;
padding:7px 10px;
text-decoration:none;
color:#CCCCCC;
font-weight:bold;
}
#nav li a:hover {
color:#FFFFFF;
}
/* Submenu */
#nav ul.submenu {
border:1px solid #000000;
padding:5px; position:absolute;
list-style:none;
background-color:#333333;
}
#nav ul.submenu li {
float:none;
background-image:none;
border-bottom:1px solid #999999;
width:180px;
}
/* Subsubmenu */
#nav ul.subsubmenu {
border:1px solid #000000;
padding:5px; position:absolute;
list-style:none;
background-color:#333333;
margin-left:150px;
margin-top:-30px;
}
#nav ul.subsubmenu li {
float:none;
background-image:none;
border-bottom:1px solid #999999;
min-width:200px;
}
y este es el de mi banner
#banner{
position:absolute;
z-index:-1;
}
.baner{
position:absolute;
z-index:100;
height:120px;
}