Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/02/2010, 00:41
diamante_loco
 
Fecha de Ingreso: noviembre-2007
Mensajes: 4
Antigüedad: 16 años, 6 meses
Puntos: 0
Pregunta div sobre otro div

holaaa otra vez.. pues molestandolos de nuevoo jejeje .....
tengo el sig.. codigo ...


Código HTML:
#fondo {
position: absolute;
background-color:black;
width: 600px;
height:300px;
margin: 0 auto;
border:solid 2px white;

 filter:alpha(opacity=75);  
   -moz-opacity: .75;  
   -khtml-opacity: .75;  
   opacity: .75; 
z-index:1;
display: none;
}


#cuerpo{

	background: #000 url("../imagenes/fondo_centro.png") no-repeat;
	height: 300px;
	width: 950px;
	margin-top: 150px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
z-index:2;
}
Código HTML:
<div id="fondo"></div>
<div id="cuerpo">

</div> <!-- Fin de #cuerpo -->

<div id="menu">
<ul id="ulMenu">
    <li id="click1">Link1</li>
    <li id="click2">Link2</li>
    <li id="click3">Link3</li>
    <li>Galeria
        <ul class="submenu">
            <li>Video</li>
            <li>Imagenes</li>
        </ul>
    </li>
</ul>
</div> <!-- fin de #menu--> 
lo que hace... es que a la hora de dar click sobre Link1... aparece un cuadroo negroo(div="fondo") sobre cuerpo(div ="cuerpo") .... peroo en IE7 se desacomoda... la posicion de cuerpo...
es decir.... el contenido de cuerpo que es una imagen la sube .. junto con el cuadroo negroo.. no respeta la posicion original....

como lo puedo corregir¿??... graciias de antemanoo por sus respuestas