Mitől van ez az "eldeformálódás" a menüben?

itt a kód:

#menu {

background: #777777;

width: 200px;

height: auto;

color: black;

float: left;

}

ul#menu {

list-style: none;

}

ul#menu li a {

display: block;

}

a {

text-decoration: none;

}

#content {

background:blue;

float: right;

width: 800px;

}

HTML:

<div id=asd>

<div id="menu">

<ul id=menu>

<li><a href=>Szolgáltatások</a></li>

<li><a href=>Elérhetőség</a></li>

<li><ahref=>Térkép</a></li>

<li><ahref=>Linkek</a></li>

</ul>

</div>

<div id="content">asd

</div>

</div>

és csak akkor van ez ha jobbra vagy balra flootolom