Witam małe pytanko

[pk96]

co źle robię ??

sekcja head
.menu-top ul, .menu-top ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.menu-top ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}

.menu-top ul li {
float: left;
}

.menu-top ul a:link, .menu-top ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("zdj/tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}

.menu-top ul a:hover {
background-color: #800;
background-image: url("zdj/tlo2.gif");
}


sekcja body
<div id=".menu-top">
<ul>
<h1><li><a href="index.html">O nas</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="dojazd.html">Jak do nas dojechać?</a></li>
<li><a href="kontakt.html#formularz">Formularz Kontaktowy</a></h1>
</ul>
</div>