Pero así no es posible, porque tal y como tienes el código, está dentro de "contenido_cabecera", y no podría estar debajo de su propio contenedor. Podría estar debajo de otras "hermanas" en el contenedor, pero no debajo de éste.
En ese caso, con la css que tienes te bastaría con cambiarla de sitio. En lugar de tenerla aquí:
Código:
<div id="contenido_cabecera" class="contenido_cabecera">
<div id="panel_control"><a href="javascript:aparecer('#acceso')">Panel de Control
<img src="img/acceso.gif" alt="Acceder" /></a></div>
<div id="panel_control_debajo"></div>
</div>
podrías ponerla aquí:
Código:
<div id="panel_control_debajo"></div>
<div id="contenido_cabecera" class="contenido_cabecera">
<div id="panel_control"><a
href="javascript:aparecer('#acceso')">Panel de Control<img
src="img/acceso.gif" alt="Acceder" /></a></div>
</div>
y así creo que sí quedará debajo sin tocar tu css de como está.
Otra cosa: no sé lo has visto en explorer 6, pero se te marcha a la derecha. Creo que lo puedes solucionar cambiando el margin-left: 100px; por left: 100px; en su selector:
#panel_control_debajo{
position:absolute;
margin-top:4px;
width:10%;
background-color:#E0E0E0;
border:2px solid red;
border-right:0;
height:31px;
z-index: 1;
left:100px;
}
Mikel.