Ciao a tutti... BIG PROBLEM!

Vi descrizo lo scenario..

Sto facendo questo sito, layout via css con i div. Nell'header ho bisogno di avere un'immagine da mappare (quindi non posso metterla come background al div) e devo scrivere sopra un po di cose (per sopra intendo sull'immagine nella parte finale destra)

Io ho fatto questa struttura:

codice:
  <div id="headerwrapper">     
<div class="imgheader">[img]images/header.jpg[/img] 
<map name="Header" id="Header"><area shape="rect" coords="4,3,640,298" href="http://" 
alt="hp" /> </map></div>     
<div class="infoheader">

testo</p></div>

</div>
con questo css

codice:
#headerwrapper 
{     
width: auto; 	text-align:center; 	height:300px; 
}  

.imgheader { 	
position: absolute; 	
width: auto; 	
z-index:1; }  
.infoheader { 	
position: absolute; 	
padding-left:660px; 	
padding-top:20px;  	
float:right; 	z-index:2; 	
text-align:left; }
Con firefox funziona perfettamente... Con explorer no, è tutto spostato verso destra...

HELP!!!!! grazie!!