Altura de Menu

[sanxuan]

La solución que aportas no lo es en absoluto. Una etiqueta <li> sólo puede ir dentro de <ul> o <ol>.
No tiene sentido tener elementos de lista fuera de una lista. Si ya no necesitas la lista, elimina los <li>.

Código HTML:

<div id="MenuPrinicipal">
         <a href="principal.html">Inicio</a>  
        <a href="contacto.php">Contacto</a>  
        <a href="tratamientos.html">Productos</a>
</div>
 

cambiando "#MenuPrincipal ul li" por "#MenuPrincipal a".

Otra alternativa sería mantener la lista. En ese caso te recomiendo usar enlaces dentro de la lista.

Código HTML:

<div id="MenuPrinicipal">
  <ul>
        <li><a href="principal.html">Inicio</a></li>  
        <li><a href="contacto.php">Contacto</a></li>  
        <li><a href="tratamientos.html">Productos</a></li>
  <ul>
</div>
 

El problema que tenías con la altura lo podías corregir modificando el padding y el margin.
En caso necesario puedes usar la propiedad height de la siguiente forma:

Código CSS:

#MenuPrinicipal ul li {  
        display: inline-block; /*En lugar de inline */
        padding: 2px 7px;/* Separar el texto*/  
        margin:0 5px;  /*Separar los botones */ /* Eliminamos el margen superior e inferior*/
        height: 24px; /* 30px de alto - 2px de padding arriba y abajo - 1px de borde de ul arriba y abajo*/
}
#MenuPrincipal ul{ margin:0; padding:0 }