Consulta Css

Hola comunidad, espero que todos bien.

Tengo una consulta. Les cuento.
Tengo un menú horizontal que contiene las secciones del sitio

<div class="Menunavegador" id="Menu">Home | Quienes somos | Organización | Comunicación Institucional | Capacitación | Contacto</div>

Y el estilo que le dí:

.Menunavegador {
background-color: #134577;
height: 37px;
width: 865px;
left: 0px;
top: 170px;
font-family: "Trebuchet MS";
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
position: absolute;
visibility: inherit;
text-align: center;
text-decoration: none;
font-variant: normal;
text-transform: none;
line-height: 37px;
border: 1px groove #000000;

Bueno, ahora tengo dos consultas, las primera es respecto del atributo line-height: 37px;, solo con el valor 37, que es el mismo del ancho del div se ve bien en Firefox y en IE, hay otra manera de que se vase igual en los dos ???

La otra consulta es respecto de la manera correcta para hacer los vinculos ( Ejemplo: <a href="quienessomos.html">Quienes Somos</a>) Como debo aplicarle: a:link, hover, visited, active ??

Cualquier cosa que se vea en ".Menunavegador" acepto suguerencia.

Gracias !!!

Buenas.

La primera consulta no puedo responderla, ya que soy novato en el mundillo de las webs y también me trae quebraderos de cabeza la "Guerra de los Exploradores".

La segunda consulta... siempre y cuando te haya entendido bien, creo que si puedo aclarártela.

Una vez que ya tengas en tu CSS las propiedades de a:link, a:hover, a:visited y a:active, simplemente debes crear un vínculo...
<a href="#">Lo que sea</a>, y los estilos se aplican de forma automática.

Espero que te haya servido de ayuda.

Saludos.

pd: Si no te referías a esto, dime que es lo que quieres saber exactamente, a ver si puediese ayudarte.

Mmmmh...
Vas por el buen camino, pero te queda un retoque...
No necesitas usar los "|"
Lo que se suele (debe) hacer, es poner los links en una lista desordenada (<ul>), y luego formatearla mediante CSS.
Al respecto, te aconsejo leas este manual, verás qué útil.

Para ello, no es necesario el "line-height", sino que lo más usual, es ponerle "padding" al <div>, de manera que controlarás esos "márgenes internos" de manera más precisa.

Para el formateo de los estados de los enlaces... en tu ejemplo (y teniendo en cuenta lo que indica slash), sería:
Encontrarás más info sobre cómo poner los selectores CSS, aquí.

Rizome, al hilo de la segunda consulta...

Si en la hoja de estilo creas un...

.algo a:hover {} Ese a:hover, ¿Sólo se aplica a .algo?

Sin acritud...
Si hubieras leído (con calma) la documentación que te puse, habrías visto:
Es decir... que el selector " " (espacio en blanco), indica que el estilo se aplicará a todos los <f>, que sean descendientes (hijos directos, o nietos, o tataranietos...) de <e>.

Por ello, si "<e>", es ".algo"; y "<f>", es "a:hover", pues se aplicará a todos los enlaces (<a>), que estén dentro de (o dentro de otro, que está dentro de él... o...) un elemento con clase "algo", cuando pases sobre ellos.


Suerte.

Muchas gracias Rizome. La próxima vez leeré a fondo antes de preguntar

Y aquí nos encontrarás para ayudar en lo que podamos.

Saludos, y Bienvenido.

Chicos, muchas gracias.
Ahora, una consulta, porque sigo con dudas respecto de si tengo que crear los a:link, hover, visited, separados o si tengo que crearlos junto con .Menunavegador, eso no entiendo, y otra cosa, si quiero tener dos juegos de selectores iguales pero con distintos colores por ejemplo, como resuelvo eso? a:link 2 ???

Espero no ser pesado, gracias.

Te aconsejo que te revises tutoriales de CSS (este, por ejemplo), pues no es conveniente que te hagamos todo el trabajo.
Imagino que lo entenderás.