En que esta fallando mi menu...

Hice mi menu en html y lo disene con css, ahora coloco un parrafo mas y me sale como si estuviera enlazado con el menu...ejemplo
<center>
<div id="menu">
<ul>
<li><a href="index.html">Home</li>
<li><a href="index.html">Services</li>
<li><a href="index.html">Gallery</li>
<li><a href="index.html">Contac Us</li>
</ul></center></br>
</br></div></center>
Esto lo coloque en mi index.html
Y en mi css abri carpeta de menu.css e hice esto
#menu ul li{
display:inline;
padding:8px 10px;
margin:12px;
background-color:#A9F5BC;
font-family:fantasy;
font-size:20pt;
}

#menu li a:hover{
background-color:#CEF6F5;
cursor:pointer;
}
#menu ul {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CEF6F5;

Tambien en mi index.html coloque entre <head> el enlace asi <link rel="stylesheet" type="text/css" href="menu.css"/>

Ahora escribo un parrafo mas abajo y me sale con enlaces del mismo color del menu etc, es como si estuvieran enlazados...a mi parrafo y foto le puse otro id y sigue igual...Por fa ayudenme ...Gracias:-(
Porque se te a colado un </center> y deja el div abierto englobando todo el resto de código