div assoluto dentro div relativo

[Alpha_Php]

salve, stavo facendo un menu, composto da vari pulsanti, questi pulsanti sono dei div relativi, all'interno contengono del testo e a destra un'altro div però posizionato in modo assoluto, questo perche vorrei che sia più grande del div che lo contiene e quindi esca fuori da esso.
su FF e su Chrome tutto bene mentre su IE mi aumenta l'altezza del div contenitore. come risolvo?

[vicky]

E' possibile vedere il tuo codice?

[Alpha_Php]

si, ma sono a lavoro e non l'avevo a portata di mano, mi sono alzato con questo pensiero
lo carico appena posso, thanks

[Alpha_Php]

/*stili per il layout fisso con altezza minima*/
html,body{
	margin: 0;
	padding:0;
	height:100%;
}

body{
	background: url(img/sfondo.gif);
	font-family: arial,sans-serif;
	font-size: 76%;
	text-align: center;
}

div#conteiner{
	position:relative; 
	width: 760px; 
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background:#FFFFFF;
	z-index:1;
}

div#header{
	z-index:2;
}

div#top{
  	width: 100%;
  	height: 115px;
  	z-index: 3;
}

div#striscia_blu{
	position:relative;
	background:url(img/striscia_blu.gif);
	left: 0px;
	margin-top: 0px;
	width: 100%;
	height: 57px;
	z-index: 4;
}

div#omino_grande{
	position: absolute;
	left: 8px;
	top: 6px;
	width: 173px;
	height: 213px;
	z-index: 5;
}

div#multiservice {
	position: absolute;
	left: 189px;
	top: 57px;
	width: 285px;
	height: 55px;
	z-index: 6;
}

div#menu_sx {
	position: relative;
	float:left;
	left: 0px;
	top: 40px;
	width: 167px;
	z-index: 7;
	background:#33FF66;
 }

.button_red {
	position: relative;
	cursor:pointer;
	background:url(img/button_red.gif);
	float:right;
	left: 0px;
	margin-top: 20px;
	width: 167px;
	height: 26px;
	line-height:26px;
	z-index: 8;
}

.button_blu {
	position: relative;
	cursor:pointer;
	background:url(img/button_blu.gif);
	float:right;
	left: 0px;
	margin-top: 20px;
	width: 167px;
	height: 26px;
	line-height:26px;
	z-index: 9;
}


.lampadina_blu1{
	position: absolute;
	background:url(img/lampadina_blu.png);
	float:left;
	right:5px;
	top:10px;
	height: 35px;
	width: 22px;
	z-index: 10;
}

.lampadina_red1{
	position:absolute;
	background:url(img/lampadina_red.png);
	float:left;
	right:5px;
	top:56px;
	height: 35px;
	width: 22px;
	z-index: 11;
}

.lampadina_blu2{
	position: absolute;
	background:url(img/lampadina_blu.png);
	float:left;
	right:5px;
	top:102px;
	height: 35px;
	width: 22px;
	z-index: 10;
}

.lampadina_red2{
	position:absolute;
	background:url(img/lampadina_red.png);
	float:left;
	right:5px;
	top:148px;
	height: 35px;
	width: 22px;
	z-index: 11;
}

.lampadina_blu3{
	position: absolute;
	background:url(img/lampadina_blu.png);
	float:left;
	right:5px;
	top:194px;
	height: 35px;
	width: 22px;
	z-index: 10;
}

.lampadina_red3{
	position:absolute;
	background:url(img/lampadina_red.png);
	float:left;
	right:5px;
	top:240px;
	height: 35px;
	width: 22px;
	z-index: 11;
}

div#pagina {
	position:relative;
	float:right;
	right: 15px;
	width: 560px;
	height:300px; 
	margin-top:20px;
	margin-bottom:70px;
	text-align:justify;
	z-index:12;
}

div#footer{
	position: absolute;
	clear:both;
	left:0;
	bottom:0;
	width: 100%;
	height:40px;
	padding: 0.5em 0;
	text-align: center;
	z-index: 13;
}

div#striscia_rossa {
	position: relative;
	background: url(img/striscia_rossa.gif) repeat-x;
	left: 0;
	width: 100%;
	height: 6px;
	z-index: 14;
}

div#omino_piccolo {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 54px;
	height: 59px;
	z-index: 15;
}

div#copyright {
	position: relative;
	left:0px;
	width:100%;
	z-index:16;
}

h2{
	color: #999;
	font-size: 1.5em;
	margin: 0;
	padding:0;
}

/*stili specifici per il layout*/

.titolo_grande {
	position: absolute;
	font-family: Georgia;
	text-align: right;
	right: 10px;
	bottom: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 36px;
}

.txt_pulsanti {
	font-family:Georgia;
	margin-left:10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.txt_copyright {
	font-family:Georgia;
	color:#BEBEBE;
	font-size:11px;
}

a{
	text-decoration:none;
}

questo è il menu:

 
      <a href="#">
        <div class="button_red">
            <p class="txt_pulsanti">La nostra storia</p>
        	<div class="lampadina_blu1">
        	</div>
        </div>
      </a>
     <a href="#">
        <div class="button_blu">
            <p class="txt_pulsanti">La nostra storia</p>
        	<div class="lampadina_red1">
        	</div>
        </div>
      </a>
    <a href="#">
        <div class="button_red">
            <p class="txt_pulsanti">La nostra storia</p>
        	<div class="lampadina_blu2">
        	</div>
        </div>
      </a>
     <a href="#">
        <div class="button_blu">
            <p class="txt_pulsanti">La nostra storia</p>
        	<div class="lampadina_red2">
        	</div>
        </div>
      </a>

[Alpha_Php]

risolto.. il problema veniva dalla classe txt_pulsanti ho dovuto mettere margin: o auto;