pq sale el ?fondo gris

teniendo este codigo<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Buzon</title>
<link rel="stylesheet" href="estilosdefinitivos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="logotipo2"><a href="index.html">[contenido no disponible]</div>
<div id= "anuncios2"><h2>Comentarios</h2></div>
<div id="fons13">
<h1>MUSIKEHANDO</h1>
<h2>Pinchando en nuestro buzón, podrás enviarnos tus señas de identidad para identificarte
y así, poder colocar tus correos en la web</h2>
<h2>Tranquilo no es un interrogatorio, solo cumplimenta unas cuantas líneas sobre información tuya para
poder conocerte</h2>
<h2>Vamos a confeccionar una clasificación hecha por vosotros, con votos para el mejor cantante, el mejor guitarra, el mejor bajista y el mejor batería de todos los tiempos.
Además habrá otra clasificación paralela del mejor grupo musical .</h2>
<h2>Nos envias un correo con tu "nick",tu lugar de residencia y tus gustos musicales, y nosotros lo publicaremos semanalmente.
Con ello tus votos serán válidos además de contabilizados y tus comentarios (sobre cualquier tema musical,concierto o nuestra propía web)contestados.
No serán publicados los mensajes ofensivos o discriminatorios.</h2>
<div id="bustia">[correo eliminado]</div>
</div>
</div>
<div id= "menu2">
Página creada gracias a CCTW
</div>
</body>
</html>
y este hoja de estilos

#global{background-color: white;width:800px}
* {text-indent:0px ; margin:5px ; padding:0px ; border:1px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
#logotipo {width:580px;height :200px; float:left; margin: 10px 0px 0px 15px }
#logotipo2 {width:600px;height :200px; float:left; margin: 0px 0px 0px 10px }
#gif {background-image: url(objetos/page.jpg); background-repeat:no repeat;width:190px;height:180px; margin: 20px 0px 0px 10px}
#navegacion3 {border: black 1px solid; margin: 10px 0px 0px 15px
;float:right}
#navegacion {background-image: url(objetos/fondomusica2.gif); width: 770px; border: black 1px solid ;height:20px;float:right; margin-left: 40px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#anuncios { border: black 1px solid;width:150px;height :500px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp); margin-left: 40px }
#anuncios2 { border: black 1px solid; margin:5px;width:170px;height :600px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp)}
#fons {background-image: url(objetos/fondomusica.gif);width: 400px;height:400px;text-align:right }
#fons13 {background-image: url(objetos/fondomusica.gif);width: 580px;height:400px;text-align:right; margin-left:26px }
#menu {margin: 2px 2px 2px 18px ; text-indent: 15px;
float:left ;
text-align:center ;
background-position: bottom ;background-image:url(objetos/logo4.bmp);
padding-bottom:5px; border: black 1px solid;width:150px;height :500px }
#menu li {list-style:none ; margin: 2px 2px 2px 10px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#bustia {width:50px;height:60px; background-image: url(buzon/fondo022.gif);margin-right:250px }
#menu2 {background-image:url(objetos/logo4.bmp) ; width: 767px ; float:center; border: black 1px solid;
background-position: bottom ;
padding-bottom:0px; margin-left:35px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

pq me sale el fondo gris al pasar el cursor por las diferentes zonas de la pagina?gracias :(
a:hover {color:red ; text-decoration:underline ; background-color: silver}
el color silver es gris y hover es cuando psas el cursor por encima
anoeta escribió:teniendo este codigo<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Buzon</title>
<link rel="stylesheet" href="estilosdefinitivos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="logotipo2"><a href="index.html">[contenido no disponible]</div>
<div id= "anuncios2"><h2>Comentarios</h2></div>
<div id="fons13">
<h1>MUSIKEHANDO</h1>
<h2>Pinchando en nuestro buzón, podrás enviarnos tus señas de identidad para identificarte
y así, poder colocar tus correos en la web</h2>
<h2>Tranquilo no es un interrogatorio, solo cumplimenta unas cuantas líneas sobre información tuya para
poder conocerte</h2>
<h2>Vamos a confeccionar una clasificación hecha por vosotros, con votos para el mejor cantante, el mejor guitarra, el mejor bajista y el mejor batería de todos los tiempos.
Además habrá otra clasificación paralela del mejor grupo musical .</h2>
<h2>Nos envias un correo con tu "nick",tu lugar de residencia y tus gustos musicales, y nosotros lo publicaremos semanalmente.
Con ello tus votos serán válidos además de contabilizados y tus comentarios (sobre cualquier tema musical,concierto o nuestra propía web)contestados.
No serán publicados los mensajes ofensivos o discriminatorios.</h2>
<div id="bustia">[correo eliminado]</div>
</div>
</div>
<div id= "menu2">
Página creada gracias a CCTW
</div>
</body>
</html>
y este hoja de estilos

#global{background-color: white;width:800px}
* {text-indent:0px ; margin:5px ; padding:0px ; border:1px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
#logotipo {width:580px;height :200px; float:left; margin: 10px 0px 0px 15px }
#logotipo2 {width:600px;height :200px; float:left; margin: 0px 0px 0px 10px }
#gif {background-image: url(objetos/page.jpg); background-repeat:no repeat;width:190px;height:180px; margin: 20px 0px 0px 10px}
#navegacion3 {border: black 1px solid; margin: 10px 0px 0px 15px
;float:right}
#navegacion {background-image: url(objetos/fondomusica2.gif); width: 770px; border: black 1px solid ;height:20px;float:right; margin-left: 40px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 150px }
#anuncios { border: black 1px solid;width:150px;height :500px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp); margin-left: 40px }
#anuncios2 { border: black 1px solid; margin:5px;width:170px;height :600px;float:right;text-align: center ; font-size:12px;background-image:url(objetos/logo4.bmp)}
#fons {background-image: url(objetos/fondomusica.gif);width: 400px;height:400px;text-align:right }
#fons13 {background-image: url(objetos/fondomusica.gif);width: 580px;height:400px;text-align:right; margin-left:26px }
#menu {margin: 2px 2px 2px 18px ; text-indent: 15px;
float:left ;
text-align:center ;
background-position: bottom ;background-image:url(objetos/logo4.bmp);
padding-bottom:5px; border: black 1px solid;width:150px;height :500px }
#menu li {list-style:none ; margin: 2px 2px 2px 10px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#bustia {width:50px;height:60px; background-image: url(buzon/fondo022.gif);margin-right:250px }
#menu2 {background-image:url(objetos/logo4.bmp) ; width: 767px ; float:center; border: black 1px solid;
background-position: bottom ;
padding-bottom:0px; margin-left:35px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

pq me sale el fondo gris al pasar el cursor por las diferentes zonas de la pagina?gracias :(
Hola:
Ese cierre </div> que usted tiene justo antes de la capa <div id="menu2"> debiera de eliminarlo, y poner un </div> justo antes de donde dice </body>, ya que usted ha cerrado la capa global antes de terminar de poner todos los div que van en ella, por eso es que sucede que casi todo el texto se le convierte en enlaces.
Saludos