[Resolvido] Div empurra o conteúdo de outra para baixo

tenho 2 div

<div id="panel" style="display:none" >

<div id="panel2" style="display:none" >

#panel {
position: absolute;
z-index: 1;
 background: #C4C4C4;
	height: 5px;
	display: none;
 border-bottom: solid 4px #15276F;

}
#panel2 {
	background-color:#C4C4C4;
	height: 5px;
	display: none;
 border-top: solid 4px #15276F;

}

uma dentro da outra a principal é a div panel que abre normalemnte e a div panel2 abre dentro da div panel porem a panel2 abre e empurra o conteudo da div panel para baixo quero que a div panel2 abra em cima da div panel sem empurra seu conteudo para baixo