<li> Del sottomenù non "flottano"

[playbasfa]

Salve ragazzi, come da titolo ho un piccolo problema un sottomenù che non vuole rendersi floattante, ovvero le varie voci vengono disposte non una accanto all'altra ma una sotto l'altra.

Ecco la pagina in cui risiede il problema, l'ho caricata in un sito di hosting per facilitarvi il problema:
PAGINA WEB

Ecco l'htm:

<div id="container">
		<div id="header">
			<ul class="ulesterno">
				<li class="liesterno">  Home  
				<li class="liesterno">  Chi siamo 
				<li class="liesterno">  Prodotti 
					<ul class="ulinterno">
						<li class="liinterno">  Prodotto1  
						<li class="liinterno">  Prodotto2  
						<li class="liinterno">  Prodotto3  
					[/list]
				
				<li class="liesterno">  Contattaci 
			[/list]
		</div>
		
	</div>

Ecco il Css

.ulesterno{
margin:0px;padding:0px;
list-style:none;
margin-left:170px;
}

.liesterno{
width:100px;
height:40px;
border:1px solid #000;
border-bottom:none;
float:left;
margin-right:20px;
margin-top:60px;
text-align:center;
line-height:40px;
}



.ulinterno{
margin:0px;padding:0px;
list-style:none;
}

.liinterno{
margin:0px; padding:0px;
width:100px;
height:40px;
}

Grazie in anticipo a chiunque voglia aiutarmi.

[ResianTaxidrive]

innanzitutto al liinterno non hai assegnato il float:left e poi al ul interno dovresti assegnare una larghezza adeguata perchè al momento sta ereditando la larghezza di suo padre.

[playbasfa]

Grazie per la risposta anzitutto.

Originariamente inviato da ResianTaxidrive
innanzitutto al liinterno non hai assegnato il float:left

Si hai ragione, nel codice originario c'è, infatti non è questo il problema.

e poi al ul interno dovresti assegnare una larghezza adeguata perchè al momento sta ereditando la larghezza di suo padre.

Adeguata a cosa?
Ad ogni modo l' ul padre non ha nessuna dimensione impostata da me tramite css ma quella di default.
Che tentativo posso fare?

[Camarillo]

Ciao Playbasfa. .ulinterno prende la dimensione di 100px che hai dato a .liesterno, troppo piccola per farci stare tre .liesterno in orizzontale. Prova a dare a .ulinterno width:300px, così dovrebbero starci.