Меню сайта отображается не корректно

@charset "utf-8";
 
/*--- reset ---*/
 
header,nav,article,aside,footer{display:block;overflow:hidden}
html,body{width:100%;height:100%;margin:0;padding:0}
textarea,input{outline:none;resize:none}
img,a img{border:none;outline:none}
ul,li{margin:0;padding:0}
hr{height:1px;width:100%;color:#d4d4d4;background:#d4d4d4;border:none}
 
/*--- main ---*/
 
a, a:link, a:visited, a:active {
 color: #00a6df;
 text-decoration: none;
}
a:hover {
 color: #00a6df;
 text-decoration: underline;
}
h1 a {
 color: #323232 !important;
}
h1 a:hover {
 text-decoration: none;
 color: #00a6df !important;
}
body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 line-height: 40px;
 background: #E1F4FF url() left top repeat;
 color: #323232;
}
#container {
 overflow: hidden;
 background: url([url]http://stroy32.ucoz.ru/img/MenuFon.jpg[/url]) center top no-repeat;
}
#wrap {
 width: 1000px;
 overflow: hidden;
 margin: 0 auto;
}
 
/* header */
 
#top {
 overflow: hidden;
 height: 45px;
}
header nav {
 float: left;
}
header nav ul {
 list-style: none;
}
header nav ul li {
 float: left;
}
header nav ul li a {
 display: block;
 float: center;
 height: 60px;
 line-height: 60px;
 margin: 1px;
 padding: 0 55px;
 color: #000000 !important;