Hola Lunita
Un elemento que por definición es de línea (como el enlace) no puede contener elementos de bloque (como son los div´s)
Así que tienes que cambiar de planteamiento.
Hacer que un div tenga en su interior el enlace que lo ocupe por completo y haga que todo el div se comporte como el enlace.
Algo así: (editado para jugar un poco con css)
Código css:
Ver original<style type="text/css">
* {margin:0;padding:0; border:0; position: relative;}
#contenedor {
width: 600px;
margin: 0 auto;
background: #444;
padding: 10px;
color: #cdcdcd;
}
.div_enlace {
width: 10em;
height:5em;
}
a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
background: #777;
}
a:hover {background: #f60;}
.div_enlace span {
position: absolute;
top: 1.8em;
left: 5px;
font-size: 1em;
color: #777;
}
.div_enlace:hover span {
color:#cdcdcd;
border: 1px inset #444;
background: #444;
}
</style>
y en el html
Un saludo
Para los 174