Menu wil niet zoals ik wil....

#nav{height:33px; line-height:32px; padding:0 50px;}
#nav ul, #nav ul li { margin:0; padding:0; list-style:none;}
#nav ul li{float:left;display:block;}
#nav ul li a:link,#nav ul li a:visited{color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; text-align:center; display:block;}
#nav ul li a:hover{color:#EBEFF7;}
#nav ul li ul li{float:none; display:block;}
#nav ul li ul li a:link,#nav ul li ul li a:visited{color:#fff; font-size:11px; font-weight:bold; text-decoration:none; padding:0 10px; clear:both; border-bottom:solid 1px #449e9d; text-align:left;}
#nav ul li ul li a:hover{background:#449e9d;}
.submenu {position: absolute; width: 160px; background: #337675; padding: 20px; border: solid 1px #337675; border-top: none; display: none; line-height: 26px; z-index: 1000; border-radius:5px;}

<div id="nav">
<ul>

<li><a class="horhome" href="#">Home</a></li>
<li><a class="horpatrickdesign" href="#">Patrickdesign</a></li>
<li><a class="hordiensten" href="#">Diensten</a>
<ul class="submenu">
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Webdesign</a></li>
</ul>
</li>
<li><a class="horshowcase" href="#">Showcase</a></li>
<li><a class="horcontact" href="#">Contact</a></li>
<ul>
</div>