Poner en negrita cuando el puntero se ponga encima de la bav

Pues eso, quiero que cuando ponga el puntero encima del texto (de los enlaces) de la barra de navegación, éstos se pongan en negrita, en vez de cambiar el color del texto. ¿Cómo se hace?
Aprendiz de aprendiz de WebMaster...
Ya he encontrado el modo, pero ahora me surge un nuevo problema: cuando pongo el ratón encima, y los enlaces se ponen en negrita, se mueve toda la página, no mucho, justo la diferencia de volumen de normal a negrita y es muy desagradable.
¿Cómo lo soluciono?
Aprendiz de aprendiz de WebMaster...
Parece que voy solucionando yo sola...
Ampliando el largo de la barra de navegación de 20 a 25px...
Pero no consigo solucionar el que cuando pongo el puntero sobre uno de los enlaces de la barra de navegación los de la derecha se desplazan...

ni hoja de estilos:

* {margin:0px ; padding:0px ; border:0px}
* {font-family: times roman}
h1 {font-size: 1.2em; color:#363636 ; font-weight: comic-sans ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:#363636 ; font-weight: bradley ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; border-left: #9C9C9C 1px solid ; border-right: #9C9C9C 1px solid ; height: 116px ; overflow: hidden}
p {text-align: center}
#navegacion {font-size: 0.9em ; background-color: #C1FFC1 ; border:#9C9C9C 1px solid ; height:25px}
#navegacion li {float:left ; list-style: none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 25px}
#navegacion a {color: #363636 ; text-decoration: none ; display: block}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:#8B0000 ; font-weight:bold ; background-color:#C1FFC1}
#navegacion a:active {}
#contenido {background-color: #E8E8E8 ; background-image: url(objetos/fondo1.jpg) ; background-repeat: no-repeat ; background-position: center center ; border-left:#9C9C9C 1px solid; border-right:#9C9C9C 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: white ; border-left: #9C9C9C 1px solid ; border-top: #9C9C9C 1px solid ; border-right: #9C9C9C 1px solid ; height: 5px}
#pie li {list-style: none ; font-size: 0.6em }
#pieuno { float: left ; width: 88px }
#piedos {float:left ; width: 89px}
#pietres {float:left ; width: 88px}
#piecuatro { float: left ; width: 268px }
#piecinco { float: left ; width: 265px ; font-size: 0.8em}
#menu {width: 150px ; float:right ; text-align:center ; margin: 10px 10px 40px 10px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 2px 4px 2px }
a {color: #1C1C1C ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:#E8E8E8 ; background-color: #8B0000 }
a:active {}
p {text-align: justify}
#menu h1 {text-decoration: none ; font-size: 1.1em ; background-image: url(objetos/menu-parte-superior.gif)}
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat:no repeat ; width:800px ; height: 12px ; overflow: hidden}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat:no repeat ; width:800px ; height: 12px ; overflow: hidden}
#logotipo {width: 290px ; float: left}
#publicidad {background-color: white ; width: 505px ; float: right ; }
#pie a {color: #696969 ; text-decoration: none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:#1C1C1C ; text-decoration: none ; font-weight:bold ; background-color: white}
#pie a:active {}
Aprendiz de aprendiz de WebMaster...
es que es imposible que no se desplazen ,porque al cambiar a negrita las letras se agrandan :roll: , lo que puedes hacer es que cambien de color gris oscuro a negro, o bien reemplazar los textos de los enlaces por imagenes con las letras escritas en la fuente que quieras, de esa forma no se corre nada :wink: , bye.
Vaya, qué pena...
Pues lo cambiaré, jugaré con el color.

Muchas gracias por responder.