Проблем с float или друго?

[5rs]

Може и да не е от него обаче има разстояние при десните елементи горе в дясно в хедъра и не мога да разбера защо. Тук съм качил снимка на проблема http://a.imagehost.org/view/0469/Picture1 , страницата http://uploadbox.com/files/dcd9b15385/, а ето и кода. Ще съм благодарен за помощта.

<style>
body, div, ul, li, #wrapper, #header
{margin: 0 auto;padding:0;border: 0;outline: 0;
font-family:'ArialMT', 'Arial', Helvetica, sans-serif;
font-size:1em;font-style: normal;font-variant: normal;font-weight: normal;}

body{background-color:#a69484;text-align:center;}
#wrapper{position:relative;display:table;width:80%;min-width:750px;height:500px;background-color:#FFFF66;}
#header {width:100%;}
#first {float:left;width:25%;height:100px;background-color:#006633;}
.second{margin:0;padding:0;float:left;width:60%;height:100px;font-size:2em;line-height:100px;background-color:#996666;}
#thirth {float:left;width:15%;height:100px;background:#006633;color:#fff;}
#menu {width:100%;float:left;}
.name {float:left;width:25%;height:25px;background-color:#996666;line-height:25px;}

ul.navi {float:left;width:60%;margin:0;padding:0;list-style-type:none;background-color:#006633;}
ul.navi li {display:inline;}
ul.navi li a {float:left;display:block;margin:0;padding:0;background-color: #;height:25px;line-height:25px;text-decoration: none;color:#E1DCD1;padding:0 2%;font-weight:bold;font-size:0.9em; }
ul.navi li a:hover{color: #fff;background-color: #990000;}
a.navi li:active {color: #fff;background-color: #af6c6c;}

ul.clink {width:15%;float:right;margin:0;padding:0;list-style-type:none;text-align:center;background-color:#CC0000;}
ul.clink li a {display:block;margin:0;padding:0;height:25px;line-height:25px;text-decoration: none;color:#E1DCD1;font-weight:bold;font-size:0.9em; }
ul.clink li a:hover{color: #fff;background-color: #990000;text-decoration: none;}
ul.clink li a:visited{text-decoration: none;}

#container {float:left;width:100%;height:200px;background-color:#FFFFFF;}
</style>
</head>

<body>
<div id="wrapper">

<div id="header">
<div id="first"></div>
<div class="second">XXX</div>
<div id="thirth"></div>

<div id="menu">
<div class="name"></div>
<ul class="navi">
<li><a target="_self" href="">menu</a></li>
<li><a target="_self" href="">menu</a></li>
<li><a target="_self" href="">menu</a></li>
<li><a target="_self" href="">menu</a></li>
<li><a target="_self" href="">menu</a></li>
<li><a target="_self" href="">menu</a></li>
</ul>
<ul class="clink">
<li><a target="_self" href="" title="">menu</a></li>
</ul>
</div>
</div>

<div id="container"></div>
</div>
</body>
</html>

 

[dashe]

о>О Земи работи със px;
И на #wrapper махни position:relative;