ploblemas con el menu horizontal (superior)

hola ayuda cuando coloco el menu horizontal y luego agrego un poco de texto, este se pega al menu en vez de colocarse abajo de este.
esta es mi plantilla:

#menu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {font-family: Arial; font-size: 11px; text-decoration: none; float: left; padding: 10px; color: #fff;
background: #2175bc; }

#menu ul li a:hover {background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
#menu{margin: 0px; }
Y esta mi plantilla(experimental):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>gfe</title>
<link rel="stylesheet" href="kaka.css" type="text/css" media="all">
</head>
<body>
<div id="menu">
<ul>
  • <a"]Videos locos
  • <a href=”#”>Juegos locos
  • <a href=”#”>Anecdotas de autor
  • <a"]comunicate</div>


    hola</p>



    </body>
    </html>
    Desde ya ,gracias.
  • Vaya cacao de hoja de estilos... ¿Para qué le pones margenes a un link? XD.
    No entiendo tu problema pero quizás tenga que ver con que la propiedad que coge el navegador siempre es la ultima que se definió.
    rafasl18 escribió:Vaya cacao de hoja de estilos... ¿Para qué le pones margenes a un link? XD.
    No entiendo tu problema pero quizás tenga que ver con que la propiedad que coge el navegador siempre es la ultima que se definió.
    el problema es que el texto se me pega al menu horizontal