margin-top problemi con IE

[produ]

Ciao ho inserito una immagine come sfondo e sto quindi procedendo all'inserimento degli elementi aldisopra di questo..
ma non capisco perkè con lo stesso margin-top di Firefox Internet explorer(vers 7) mi visualizza una parola molto al di sotto di dove dovrebbe..
sto usando un container che ha width 760 e margin auto per far si che aldilà della risoluzione video degli utenti,tutti possano visualizzare correttamente la pagina al centro..per questo motivo non posso usare position absolute per posizionare in maniera definitiva la parola.
Il sito è questo: habbiu.altervista.org/home.php
vedendolo con firefox la parola ricerca avanz è ben posizionata mentre con IE per nulla..
non c'è un modo per posizionarlo in maniera corretta?

[ResianTaxidrive]

Guarda così funziona:

 <div id="form"> 
    <form name="myform" method="get" id="myform" class="myform" action="home2.php" onsubmit="return controlla();"> 
      <input type="text" name="mytext" id="mytext" class="mytext" onkeyup="ajax_showOptions(this,'getCountriesByLetters',event)"> 
      <input type="submit"  name="mysubmit" id="mysubmit" class="mysubmit" value="ricerca">
	   <div id="advsearch" > Ricerca Avanzata </div>
    </form> 
     
  </div>

stili modificati:

#advsearch{
	float:left;
	margin-top:2px;
	color:#000000;
	font-size:10px;
	margin-left: 0px;
	}	

form{
	clear:left;
	margin-left: 180px;
	}
	input.mytext{
		color: #000000;
		margin-top:224px;
		border: 1px solid #000000;
		background: #FFFFFF;
		width: 400px;
		float:left;
	}

In pratica: la casella di input e il link "Ricerca avanzata" li ho messi nello stesso contenitore così saranno sempre allineati.

[produ]

Già..ora va!!
grazie tante!!!!!