[Ovillo] Sobre menu i li

[Joan Teixidó]

Buenas, 
 
estoy montando una web y tengo un menú que no tengo claro como montar. El
menú tiene 2 niveles: el primer nivel (con 4 elementos) se ha de mostrar en
linea, y debajo de cada uno hay un submenu con 2 o 3 elementos que se
muestran en bloque. Tendria la apariencia de una tabla con 4 columnas i 3
filas, donde la primera fila es el nombre del menú y las otras filas son el
submenu. 
 
Mi idea era crear el menu con <ul> i el display inline, pero no acaba de
funcionar. Aquí va el código:
 
<ul class='menu'>
	<li>Roser Sales</li>
		<ul class='submenu'>
			<li>Biografia</li>
			<li>Currículum</li>
			<li>Obra representativa</li>
		</ul>
	
	<li>Taller de gravat</li>
		<ul class='submenu'>
			<li>Edicions per artistes</li>
			<li>Cursos a mida</li>
		</ul>

	<li>Novetats</li>
		<ul class='submenu'>
			<li>Anuncis</li>
			<li>RSN recomana</li>
		</ul>

	<li>Contacte</li>
		<ul class='submenu'>
			<li>Vull llogar un espai</li>
			<li>Vull apuntar-me a un curs</li>
			<li>Vull dir la meva</li>
		</ul>

</ul><!-- fi classe menu -->

I el css:

ul.menu li {
	display:inline;
}

ul.submenu li {
	display:block;

}


El problema es que al haver el ul.submenu dentro de los <li> se pierde el
comportamiento que da el "inline". O sea, que el menú aparece en vertical! 

Es normal que al poner una nueva lista dentro de otra lista no se pueda
poner en linia? He hecho algo mal???

Gracias!!!

Joan