Prueba con este código modificado a ver que tal te parece, creo que funciona bien:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Botonera</title>
<style type="text/css">
#botonera ul
{
height:30px;
width:748px;
margin-top:5px;
margin-left: auto;
margin-right: auto;
background-color:#fb83b6;
border-bottom:#ff0c73 solid 1px; border-top:#ff0c73 solid 1px;
color:#FFFFFF;
}
#botonera ul li
{
float: left;
height: 100%;
display: inline;
margin-right: 10px;
}
#botonera ul li:hover
{
background-color:#ff0c73; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#botonera a
{
text-decoration: none;
color: #FFFFFF;
position: relative;
top: 6px;
}
</style>
</head>
<body>
<div id="botonera">
<ul>
<li><a href="#">SOLIDARIDAD EN VENDIMIA</a></li>
<li><a href="#">BODEGAS Y VIÑEDOS</a></li>
<li><a href="#">ACONCAGUA</a></li>
<li><a href="#">RIOS</a></li>
</ul>
</div>
</body>
</html> Me cuentas que tal te va!
Saludos!