Tengo este estilo para crear un menu horizontal
Cita: #menu ul {
padding: 0px;
margin: 0px;
/*background-color: #333;*/
list-style: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
width: 100%;
height: 120px;
float: left;
position:absolute; top:740px; left:90px;
}
#menu ul li {
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
background-color:#333;
color: #fff;
padding: 5px 15 px;
float: left;
text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}
y en mi html lo llamo asi
Cita: <div id="menu">
<ul>
<li><a href="#">THE MACHINE</a></li>
<li><a href="#">MEDIA</a></li>
<li><a href="#">BAR OWNERS</a></li>
<li><a href="#">MARKET</a></li>
<li><a href="#">CONTACT US</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">OTHER PRODUCTS AND SERVICES</a></li>
</ul>
</div>
El problema es que cuando publico sale el texto amontonado y no se lee bien
Aqui esta la imagen de lo que me ocurre
http://www.crmbusiness.biz/newsletter/menu.JPG
y el menu tiene que quedar mas o menos asi
http://www.crmbusiness.biz/newsletter/menu2.JPG