aiuto menu stile flyout con css

[ambaradam]

Salve a tutti, sono un nuovo iscritto... vi faccio i complimenti per il forum, siete un punto di riferimento.
Detto questo, vorrei chiedervi un parere...

Come potrei realizzare un elenco ul li in html, e fare in modo (con i css) di avere un elenco principale, in cui quando mi posiziono su un link mi appare il sotto menu lateralmente.
Tale sottomenu deve restare attaccato al bordo superiore e staccato tot pixel lateralmente dagli altri...
ho allegato anche un' immagine per farvi capire meglio...


grazie mille anticipatamente
saluti
Niko

[sgogghy]

<style>
ul{margin:0px;padding:0px;}

li{list-style-type:none;}

.menu{position:relative;}

.menu ul li ul.first_sub{display:none;position:absolute;top:0px;left:100px;}

.menu ul li{border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;width:100px;text-align:center;background:#aaaaaa;padding:5px;}

a{display:block;color:#000000;}

.menu ul li:hover ul.first_sub{display:block;}

.menu ul li:hover ul.first_sub li:hover ul.submenu{display:block;position:absolute;top:0px;left:100px;}

ul.submenu{display:none;}
</style>

<div class="menu">
<ul>
<li style="border-top:1px solid #000000;">Home
	
	<ul class="first_sub">
	<li style="border-top:1px solid #000000;">Home3
	[*]Home3
	
		<ul class="submenu">
		<li style="border-top:1px solid #000000;">menu1
		[*]menu2
		[*]menu2
		[/list]
	
	
	[*]Home3
	[/list]

[*]Home1
	
	<ul class="first_sub">
	<li style="border-top:1px solid #000000;">Home4
	[*]Home4
	[*]Home4
	[/list]
	

[*]Home2
	
	<ul class="first_sub">
	<li style="border-top:1px solid #000000;">Home5
	[*]Home5
	[*]Home5
	[/list]
	


[/list]

</div>

Se hai domande chiedi pure

[ambaradam]

oh grazie mille .... l'esempio è perfetto
ti devo una pizza


domani arriva il portapizze a casa tua hehehe

Grazie ancora, ora me lo studio!

[sgogghy]

ihih 4 formaggi grazie
Scherzi a parte, se hai domande chiedi pure.

[ambaradam]

no no va gia bene cosi
l'unica curiosita che ho è:
secondo te è possibile fare in modo che i submenu restino visibili anche quando il mouse si sposta da essi (una specie di hover che continua anche se si sposta il cursore)?
Da quel che so pare bisogna per forza utilizzare un minimo di JS... giusto?

[sgogghy]

Si è necessario JS