menù bloccato per browser mobile

[mbiza]

ciao a tutti,
sto creando un semplice sito in versione mobile, per essere visualizzato prevalentemente dai cellulari, palmari e smartphone.
Il layout è molto semplice, in un div contenitore ci sono 2 div: Header e Content in questo modo

<div id="MAIN">

	<div id="HEADER">
		
Menù
	</div>

	<div id="CONTENT">
		inizio contenuto
		

....
                [...molti 
...]
                


		fine contenuto
			  
	</div>

</div>

Per fare in modo che il menù rimanga sempre in primo piano e che non scorra insieme alla pagina ho impostato "position: fixed" all'header
Con firefox e con Opera funziona alla perfezione, mente con il mio HTC Dream con Android non ottengo il risultato sperato, nè con il browser di android nè con opera-mini
ecco il css (solo del layout)

#MAIN
{
      text-align: left;
}
#HEADER
{
	position: fixed;
	height: 50px;
	width: 100%;
	border-bottom: solid 1px #000000;
	background-color: #00ff00;
}
#CONTENT
{
	padding-top: 60px;
	background-color: #ffffff;
}

c'è un'altro metodo per ottenere questo risultato?

[marco.carrieri]

Forse caricare fogli di stile personalizzazati a seconda dell'applicazione che lo vede?

[mbiza]

Potrebbe essere utile, ma solo se riesco a far visualizzare la pagina nel modo in cui voglio.
Alla fine gli unici 2 browser che devono visualizzare la pagina sono chrome-lite, che è il browser di android e il browser dell'iphone.
Il problema è che chrome-lite probabilmente non riconosce l'attributo "position: fixed", con l'iphone dovrei far provare a qualcuno che ce l'ha

[marco.carrieri]

io ho un palmare... ma al momento ho solo opera e IE installati