wysokość diva a ul li Opcje

[sonicpb]

zrobiłem liste która imituje menu, niestety div, w ktorym to menu sie znajduje zwieksza swoja wysokość, nie wiem dlaczego, dodam ze uzywam skryptu nifty do zaokraglania rogow
link do strony: KLIK

tak wyglada css:

[HTML] pobierz, plaintext 
body{
    padding: 20px;
    background: #BFDDED;
		color: #222;
		text-align: center;
    font: 85% "Trebuchet MS",Arial,sans-serif;
}
 
h1,h2,p{
    margin: 0;
		padding: 0 10px;
		font-weight:normal;
}
 
p{
    padding: 0 10px 15px;
}
 
h1{
    font-size: 250%;
		color: #FFF;
		letter-spacing: 1px;
}
 
h2{
    font-size: 200%;
		line-height:1;
		color:#002455;
}
 
div#container{
    width:450px !important;
		width /**/:460px;
    margin: 0 auto;
		padding:5px;
		text-align:left;
		background: #BFDDED;
}
 
div#header{
    background: #009CED;
		padding: 10px;
		text-align:center;
}
 
div#content{
    float:left;
		width:450px;
		padding:10px 0;
		margin:5px 0;
		background: #FFFFFF;
}
 
div#content h2{
    font-size: 120%;
    color: #9E4A24;
}
 
div#footer{
    clear:both;
		width:450px;
		background: #C4E786;
		padding:5px 0;
		text-align:center;
}
 
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 100px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFFFFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFFFFF;color: #000000}
[HTML] pobierz, plaintext 

a tak fragment htmla:

[HTML] pobierz, plaintext 
<div id="container">
    <div id="header">
		    <ul id="nav">
          <li class="activelink"><a href="#">Strona główna</a></li>
          <li><a href="#">Zamiast CV</a></li>
          <li><a href="#">Kontakt</a></li>
          <li><a href="#">Linki</a></li>
        </ul>
 
		</div>
    <div id="content">
        <h2>Tytul</h2>
        <p>cos</p>
    </div>
		<div id="footer">copyright Š 2009</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext