div sobre otro div

[diamante_loco]

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

[easy]

intenta cambiar position por float, float funciona bien con IE y sobretodo recuerda darel la instruccion text-align

Saludos