Como muchos habrán podido ver estaba tratando de crear un modelo en el cual se de la impresión al usuario de que una imagen pasa por encima de una barra. Eso ya lo he logrado pero no del todo. El problema es que la capa ubicada a la derecha me pasa por encima de la otra y me corta una esquina de la imagen. Tengo entendido que la propiedad z-index podria resolver mi problema pero al parecer la estoy usando mal. Según estudié en estos días si tengo lo siguiente:
#div1 { z-index:1; } #div2 { z-index:2; } #div3 { z-index:2; } Los DIV con ID div2 y div3 deben estar por encima de la capa con ID div1, correcto? Bien mi CSS es como sigue: /*DIV donde se ubica la cabecera*/ div#Cabecera { position: relative; width: 760px; height: 185px; background: url(../../simpro_final/images/banner_simpro.png) no-repeat left; z-index: 1; } /*Barra de navegación superior -> ubicada encima de la cabecera*/ div#topnavL { position: absolute; width: 50%; top: 0; background: url(../../simpro_final/images/toolbar_bg.jpg) repeat-x; text-align: left; line-height: 25px; float: left; z-index: 2; } div#topnavR { position: absolute; width: 44.3%; top:0; background: url(../../simpro_final/images/toolbar_bg.jpg) repeat-x; text-align: left; line-height: 25px; left:35.3em; z-index: 2; } Y supuestamente segun lo que entendi y dije anteriormente el DIV topnavR y topnavL se me ubican siempre por encima del DIV Cabecera. ¿Qué es lo que estoy haciendo mal? Salu2 -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo