hola lista escribo poco a la lista y menos para pregunatr priemro agoto todo los recursos y este es uno de esos casos tengo el siguiente problema y todo gracias a nuestro "querido IE" deseo superponer dos capas en firefox una, la que deseo, se pone por encima, en IE por debajo, cosa que no quiero, aqui adjunto un ejemplo visual: veanlo en los dos navegadores para que se den cuenta. fijense en el enlace INICIO
ejemplo perfecto en firefox: http://www.juventudrebelde.cu/test/ff.png ejemplo maldito en IE: http://www.juventudrebelde.cu/test/ie.png pongo el css y el codigo html (he simplificado los codigos del ejemplo que adjunto para que se entienda mejor, pero en la imagen pueden ver lo que quiero lograr) <style type="text/css"> * {margin:0; padding:0;} body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;} #container {background:#fff; width:99%; margin:0.5% auto; border:1px solid #ccc;} #head {border-bottom:1px solid #ccc; padding:3px;} #menu img {border: none;} #menu {/*float:left;*/ width:100%; font-size:1.2em; line-height:normal; } #menu ul {margin:0; padding:10px 10% 0 10%; list-style:none; } #menu li {display:inline; } #menu a { margin:0 1px;float:left; padding:0 0 0 7px;text-decoration:none;/*border-bottom:1px solid #ccc;*/} #menu a span {float:left; display:block; background:#ccc; padding:5px 15px 4px 6px; color:#333; } #menu a span {float:none;} #menu a:hover span {color:#000099;} #menu a:hover {background-position:0% 0px;height:100%;} #menu a:hover span {background-position:100% 0px;} #menu #current /*a*/ span {background:blue; } #submenu {border-top:1px solid #ccc; background:#e9e9e9; top:-4px!important; top:-7px; z-index:0; position:relative; } #menu-p {z-index:100; position:relative; } .clear {clear:both;} </style> </head> <body> <div id="menu"> <div id="menu-p"> <ul> <li ><a id="current" href="Home.html"><span>Inicio</span></a></li> <li><a href="Products.html"><span>Noticias</span></a></li> <li><a href="Services.html"><span>Complementos</span></a></li> <li><a href="Support.html"><span>Administración</span></a></li> <li><a href="Order.html"><span>Opciones</span></a></li> </ul> </div></div> <div class="clear"></div> <div id="submenu">submenu</div> </div> </body> espero me puedan ayudar saludos -- Escael Marrero Desarrollador web _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
