Ausklappbare Navigation

/*Navigation*/

#navigation { width: 750px; float: left; }

#navigation ul { list-style-type: none; margin:0px; padding: 0px; }

#navigation a { font-family: verdana; color: #E3E3E3; float: left; margin-bottom: 5px; padding-bottom: 10px; text-decoration: none; } 

#navigation a:hover {background-color: #052d52; background-image: url("http://img.webme.com/pic/f/floorball-tetenbuell/schlaeger.jpg"); background-repeat: no-repeat; background-position: center 0px; color: #f4f4f4; }

#navigation li { list-style-type: none; }
/*Klasse, Navibutton beschreibt*/
.navibutton {width: 75px; text-align: center;}

/*Ausklappen*/

#liste ul li { margin: 0; border: none; }

/* Button Breite + Rahmen + Abstand */

#liste li {
width: 750px;
float: left;
text-align: center;
margin: 0px; }

/* Button Linkfarbe + Hintergrundfarbe */

#liste a { font-family: verdana; color: #E3E3E3; float: left; margin-bottom: 5px; padding-bottom: 10px; text-decoration: none; }

/* Button Hover-Farbe */
#liste a:hover {
background-color: #052d52; background-image: url("http://img.webme.com/pic/f/floorball-tetenbuell/schlaeger.jpg"); background-repeat: no-repeat; background-position: center 0px; color: #f4f4f4; }

#liste li ul { display:none; } /* eingeklappt */

#liste li:hover ul { display:block; } /* ausgeklappt */

<div id="Seite">
<div id="navigation"><ul id="liste"><h4>
<li><a class="navibutton" href="home.htm" _fcksavedurl="#">Home<br /><br /></a>
<a class="navibutton" href="news.htm" _fcksavedurl="#">News<br /><br /></a>
<a class="navibutton" href="fotos.htm" _fcksavedurl="#">Fotos<br /><br /></a>
<a class="navibutton" href="termine.htm"_fcksavedurl="#">Termine<br /><br /></a>
<a class="navibutton" href="#">Teams<br /><br /></a>
<ul>
<li><a class="navibutton" href="/u11.htm">u11</a></li>
<li><a class="navibutton" href="/u13.htm">u13</a></li>
<li><a class="navibutton" href="/u15.htm">u15</a></li>
<li><a class="navibutton" href="/Jugend-GF.htm">Jugend GF</a></li>
<li><a class="navibutton" href="/Erwachsene.htm">Erwachsene</a></li>
</ul>
<a class="navibutton" href="Kleinfeldteams.htm" _fcksavedurl="#">KF Teams<br /><br /></a>
<a class="navibutton" href="sponsoren.htm" _fcksavedurl="#">Sponsoren<br /><br /></a>
<a class="navibutton" href="links.htm" _fcksavedurl="#">Links<br /><br /></a>
<a class="navibutton" href="downloads.htm" _fcksavedurl="#">Downloads<br /><br /></a></li></h4></ul></div>