Dropdownmenü

/* common styling */
.menu {width:980px; position:absolute; background: url(http://img.webme.com/pic/f/floorball-tetenbuell/514725.jpg) no-repeat; vertical-alignment: center;}

.menu ul li a, .menu ul li a:visited {display:block; padding-top:12px; text-decoration:none; color:#000; width:98px; height:36px; text-align:center; color:#fff; background: #transparent; overflow:hidden;}

.menu ul {padding:0px; margin-left: 50px; list-style: none;}

.menu ul li {float:left; position:relative; top:-11px; left:0px;}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background: url(http://img.webme.com/pic/f/floorball-tetenbuell/514726.png) no-repeat;}

.menu ul li:hover ul {display:block; position:absolute; left:-50px;}

.menu ul li:hover ul li a.hide {background:#008f97; color:#fff; }

.menu ul li:hover ul li:hover a.hide {background:#008f97; color:#000; }

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}

.menu ul li:hover ul li a:hover {background:#008f97; color:#000;}

<div class="menu">
<ul>
<li><a class="hide" href="home.htm">Home</a>
<li><a class="hide" href="news.htm">News</a>
<li><a class="hide" href="#">Infos</a>
<ul>
<li><a href="-Ue-ber-Uns.htm">Über uns</a></li>
<li><a href="floorball.htm">Floorball?</a></li>
<li><a href="termine.htm">Termine</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul></li>
<li><a href="#">Jugend</a><ul>
<li><a href="/U11.htm">U11</a></li>
<li><a href="/U13.htm">U13</a></li>
<li><a href="/U15.htm">U15</a></li>
<li><a href="/Jugend-GF.htm">Jugend GF</a></li>
<li><a href="trainingszeiten.htm">Training</a></li>
</ul></li>
<li><a href="#">Erwachsene</a><ul>
<li><a href="/erwachsene.htm">Herren GF</a></li>
<li><a href="trainingszeiten.htm">Training</a></li>
</ul></li>
<li><a href="#">Sponsoring</a><ul>
<li><a href="sponsoren.htm">Unsere Sponsoren</a></li></ul></li>
<li><a href="#">Interaktiv</a><ul>
<li><a href="downloads.htm">Downloads</a></li>
<li><a href="/links.htm">Links</a></li>
</ul></li>
<li><a href="Mitspielen-f-.htm"><big><strong>Mitspielen?</strong></big></a></li>
</ul>
</div>