Consulta sobre los divs de un menú

[marx-pola]

Hola a todos! Quisiera hacerles una consulta...
Tengo el siguiente div que genera un menú:

Código:

<div id="menuppal">
<ul id="menu">
  <li><a href="#">Diseño Web</a></li>
  <li><a href="#">Programación Web</a></li>
  <li><a href="#">Posicionamiento en<br />Buscadores</a></li>
  <li><a href="#">Mantenimiento de<br />Sitios Web</a></li>
  <li><a href="#">Solicitar<br />Presupuesto</a></li>
</ul>
</div>

Y este es el css:

Código:

/* MENU CABECERA */
#menuppal{
background:url(imagenes/botonmenudegra.jpg) repeat-x;
height:45px; /*altura del menu*/
}

ul#menu {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
width: 800px;
margin:0px; /*quita el margen p/ que suba el div*/
padding: 0px; /*quita los espacios del div*/
/*border-bottom: 1px solid #ddd; /* linea base */
}

ul#menu li {
float: left; /*coloca los elementos a la izq*/
width:130px; /* ancho de los botones del menu */
height:45px;
border-right:1px solid #ddd;
list-style: none; /*quita los puntitos negros de la lista*/
text-align:center;
}

ul#menu li a {
display: block;
padding: 13px 11px; /* relleno alto botones - relleno ancho botones */
color: #FFF;
text-decoration: none;
}

ul#menu li a:hover {
background: #333;
color: #f0f0f0;
}

Pero los textos que tienen el <br> me desplaza los divs hacia abajo.
¿Hay alguna forma de hacer que los textos se centren de manera horizontal y vertical en los divs del menú por más que ocupen "2 renglones" por así decirlo?

Muchas gracias. Marx.

[sanxuan]

La solución es utilizar la propiedad vertical-align, pero ésta sólo funciona en tablas por lo que necesitamos cambiar la forma en que se muestran los elementos del menu usando la propiedad display:table-cell.
La alineación horizontal ya la tenías resuelta con text-aling:center.
Prueba a sustituir la declaración que tienes para "ul#menu li a" por la siguiente:

ul#menu li a {
color: #FFFFFF;
display: table-cell;
height: 45px;
padding: 0 11px;
text-decoration: none;
vertical-align: middle;
width: 108px;
}
Sólo he probado la solución en Firefox, pero debería funcionar en cualquier navegador.
Espero que te pueda servir.

[marx-pola]

sanxuan:
Muchísimas gracias por tu ayuda. Era exactamente lo que necesitaba. Lo probé en IE y en FF y funcionó perfectamente.

Gracias y saludos.

Marx.