proba con esto:
Código HTML:
<head>
<style type="text/css">
#menufondo {
width:100%; /* Ancho del menú */
height:40px;
background-color: #000; /* Color de fondo */
}
.nav{
list-style-type: none;
left: 32%;
position: relative;
}
.nav li{
position: relative;
right: auto;
}
.nav li a {
/*line-height:250%;/*con este editas la altura*/
background-color: #000;
color:#FFF;
text-decoration:none;
padding: 10px 15px;
display:block;
}
.nav li a:hover {
background-color:#066;
}
.nav > li {
/*width: 10%;/*con este ajustas el ancho de cada pestaña*/
float:left;
}
.nav li ul {
display:none;
position:absolute;
list-style:none;
height: auto;
padding:0px;
margin:0px;
width:100%;
}
.nav li:hover > ul{
display:block;
}
.nav li ul li {
position:relative;
}
</style>
</head>
<body>
<div id="menufondo">
<ul class="nav">
<li><a href="inicio.html">INICIO</a></li>
<li><a href="empresa.html">EMPRESA</a></li>
<li><a href="productos.html">PRODUCTOS</a>
<ul>
<li><a href="producto.html">PRODUCTO1</a></li>
<li><a href="inicio.html">PRODUCTO2</a></li>
<li><a href="inicio.html">TARJETAS DE PRESENTACION</a></li>
</ul>
</li>
<li><a href="cotizacion.html">COTIZACION</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
</ul>
</div>
</body> saludos espero que te sirva