Açılır Menü Kodu

<style type="text/css">
<!--

/* Feld um das Klappmenu */
#klappmenu {
position: absolute;
margin-top: 140px; /* Abstand von oben anpassen */
margin-left: 30px; /* Abstand zur linken Seite anpassbar */
width: 800px; /* die Breite anpassbar */
overflow: hidden;}

#klappmenu ul { list-style-type: none; margin:0px; padding: 0px; }
#liste ul li { margin: 0; border: none; }

/* Button Breite + Rahmen + Abstand */
#liste li {
width: 135px;
float: left;
text-align: center;
border: 1px solid #c9c9c9;
margin-right: 5px;
margin-left: 5px; }

/* Button Linkfarbe + Hintergrundfarbe */
#liste a {
display: block;
padding: 5px 5px 5px 5px;
color: #000000;
font-size: 13px;
background-color: #FFFFFF;
text-decoration: none; }

/* Button Hover-Farbe */
#liste a:hover {
color: #FFFFFF;
background-color: #008080; }

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

-->
</style>

<div id="klappmenu">
<ul id="liste">
<li><a href="#">Kategori</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 2</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 3</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 4</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategorie 5</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>
</ul>
</div>