Con questo semplice esempio è possibile vedere come con solo l'ausilio dei fogli di stile è possibile creare un menù
<html>
<head>
<style>
UL.popupmenu{
list-style: none;
background-color: #F1F1F1;
}
UL.popupmenu UL{
position :absolute;
left: 128px;
top: 0;
border:1px solid #ECECEC;
padding: 0px;
list-style: none;
display: none;
}
UL.popupmenu LI{
position: relative;
margin: 2px 0 2px 0;
height:24px;
width: 120px;
border:1px solid #DDD;
font:bold 10pt Arial, Helvetica, sans-serif;
color: #2E4C74;
line-height:24px;
background-color: #F0E68C;
padding:0 3px 0 3px;
cursor: pointer;
}
UL.popupmenu li:hover{
background-color: #8BC739;
}
UL.popupmenu li:hover ul{
display: block;
}
</style>
</head>
<ul class="popupmenu">
<li>Voce 1</li>
<li>Voce 2</li>
<li>Voce 3
<ul>
<li>Sotto voce 1</li>
<li>Sotto voce 2</li>
<li>Sotto voce 3</li>
</ul>
</li>
<li>Voce 4</li>
</ul>
</html>
