Buenas, necesito q mi menú quede en linea, pero la ultima palabra se me va a la segunda fila.
http://www.lunaticaproducciones.com/home.html
html:
<div id="cabecera">
<div id="menu">
<ul>
<li><a href="home.html" class="activo">INICIO</a></li>
<li><a href="filmo.html" class="inactivo">FILMOGRAFÍA</a></li>
<li><a href="productora.html" class="inactivo">PRODUCTORA</a></li>
<li><a href="proyectos.html" class="inactivo">PROYECTOS</a></li>
</ul>
</div>
</div>
css:
div#cabecera{
height:80px;
margin:0 40 0 0;
}
div#menu {
height:80px;
width:457px;
margin:40px 0 0 158px;
}
div#menu ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
float: left;
margin: 0px 40px 0 0;
}