form e float

[shmk]

Volevo inserire nella barra di un menù orizzontale un form di login.
Il menù l'ho scritto con dei[*] con float left.

<style>
#menu{display:block; height:30px; background:#ccc;}
#menu li{float:left; width:100px; list-style-type:none;}
#menu a{display:block; text-decoration:none; padding:5px 0px;}
</style>


<div id="menu">
	[*]Link 1
	<form action='login' method='post' style='float:left;'>
	<input type='text' name='username' value='Username' maxlength='30' />
	<input type='password' name='password' value='Password' maxlength='30' />
	<button type='submit'>Send</button>
	</form>
	[*]Link 3
</div>
<div style='clear:left;'></div>

Il fatto è che in firefox funziona bene... ma in IE il form esce dal normale flusso di dati e si piazza una riga sotto, sotto al primo pulsante a sinistra con tutti i campi (2 input ed un button) uno sotto a l'altro al posto che in fila.

Avete qualche consiglio?