Buongiorno
ho un menù di questo tipo
codice:
<ul>[*]voce1
<ul>[*]sottovoce11[*]sottovoce12[*]sottovoce13[/list]
[*]voce2
<ul>[*]sottovoce21[*]sottovoce22[*]sottovoce23[/list]
[/list]
Vorrei che voce 1 e voce 2 si vedessero uno sopra all'altro e le sottovoci si vedessero alla loro destra allineate orizzontalmente. non riesco a farlo... non capisco dove sbaglio...
codice:
ul  {
	margin: 0px;
	padding: 0px;
	float: left;
}
ul li {
	list-style-type: none;
	height: 25px;
	width: 200px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

ul li ul {
	float: left;
}
ul li ul li {
	float: left;
	display: inline;
}
ul li ul li a {
	display: block;
	height: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
}