menyen:
<div id="meny">
<ul>
<li><a href="" class="parent">Hovedside</a>
</li>
</ul>
<ul>
<li><a href="mekketips.htm">Mekketips</a>
<ul>
<li><a href="hjulslark.htm">Hjulslark</a></li>
<li><a href="olje_kjedet.htm">Olje kjedet</a>
</li><li><a href="girjustering.htm">Girjustering</a></li>
</ul>
</li>
<li><a href="produkt.htm">Produktomtale</a>
<ul>
<li><a href="hardrocx.htm">HardRocx</a>
<ul>
<li><a href="cross.htm">Cross</a></li>
<li><a href="comfort.htm">Comfort</a></li>
</ul>
<li><a href="#">DBS</a></li>
<li><a href="#">BMX</a></li>
</ul>
</li>
<li><a href="tur.htm">Turforslag</a>
<ul>
<li><a href="trasse_vei.htm">Vei</a></li>
<li><a href="trasse_terreng.htm">Terreng</a></li>
</ul>
<li><a href="galleri.htm">Galleri</a>
</li>
<li><a href="registrer.htm">Registrer deg</a>
</li>
</ul>
</div>
css:
#meny
{
position:absolute;
top:205px;
left:24px;
z-index: 10;
width: 8em;
text-align: center;
font-size: 0.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
#meny a
{
width: 160px;
display:block;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-bottom:1px solid #eee;
white-space:nowrap;
}
#meny a, #meny a:visited
{
color: white;
background-color: #7E83BD;
text-decoration:none;
}
#meny a.parent, #meny a.parent:hover
{
background-position: right center;
background-repeat: no-repeat;
}
#meny a:hover
{
color: white;
background-color: #B5DFD0;
}
#meny li
{
list-style-type:none;
}
#meny ul li
{
position:relative;
}
#meny li ul
{
position: absolute;
top: 0;
left: 11.5em;
display: none;
}
div#meny ul, #meny ul ul, div#meny ul ul ul
{
margin:0;
padding:0;
width: 8em;
}
div#meny ul ul, div#meny ul ul ul , div#meny ul li:hover ul ul, div#meny ul li:hover ul ul ul
{
display: none;
}
div#meny ul li:hover ul, div#meny ul ul li:hover ul, div#meny ul ul ul li:hover ul
{
display: block;
}
Javascript, selvfølgelig