problema spaziatura sottomenu verticale

[gabar-el]

ciao, ho un problema di spaziatura con un sottomenu verticale.
vorrei che il menu con id sottoMenu stesse sotto il suo capo, che è il che appunto gli sta sopra, ma mi rimane spaziato verticalmente. le ho provate tutte ma non sono riuscito a venirne a capo, qualcuno sa darmi qualche dritta?
grazie
html:

		<ul id="menu">
			[*]testo
			[*]testo
			[*]testo
			[*]testo
				[*]<ul id="sottoMenu">
					[*]testo
					[*]testo
					[*]testo
					[*]testo
				[/list]
			[*]testo
		[/list]

css:

ul#menu {
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background:#f00
}
ul#menu li {
	margin: 0;
	padding: 15px 0 0;
	background:#00f
}
ul#sottoMenu {
	font: 0.8em Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	background:#ccc
}
ul#sottoMenu li {
	margin: 0;
	padding: 0;
}

[fcaldera]

se aggiungi

ul#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background:#ccc;
}

il sottomenu dovrebbe avvicinarsi.
Ripristina eventualmente il margin-left se ti serve.

[fcaldera]

Comunque non è anormale che ci sia uno spazio al di sopra del menu annidato...

infatti questo si trova dentro un elemento[*] al quale hai dato un padding-top di 15px.

[gabar-el]

già, hai ragione mod!
non stavo considerando che il sottomenu è comunque dentro a un li del menu. Ero convinto di aver risolto annullando i margin e padding nel sottomenu. Però mi viene difficile capire come dare una spaziatura ai li del menu e non darla al sottomenu. il primo pensiero che mi viene è crearre una classe per il li del menu che contiene ul del sottomenu....
grazie

[fcaldera]

ul#menu ul {
position: relative;
top: -15px;
}

oppure più semplicemente prova


ul#menu ul {
margin-top: -15px;
}

[gabar-el]

ho risolto così (posto tutto per i posteri):
html:

		<ul>
			[*]testo
			[*]testo
			[*]testo
			<li class="noMargin">testo
				[*]<ul>
					[*]testo
					[*]testo
					[*]testo
					[*]testo
				[/list]
			[*]testo
		[/list]

css:

div#left {
	float: left;
	width: 150px;
	margin: 0 15px;
	text-align: left;
}
div#left ul {
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#left li {
	margin: 0 0 15px 0;
	padding: 0;
}
div#left li.noMargin {
	margin: 0;
}
div#left li ul {
	font: 0.8em Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}
div#left li ul li {
	margin: 0;
	padding: 0;
}

grazie

[fcaldera]

hai provato con le due regole che ti ho postato sopra...? se almeno una delle due dovesse funzionare risparmieresti l'uso di una classe

[gabar-el]

si, funziona bene anche così e come dici tu risparmio una classe.
grazie