convertir un div en un enlace

[pzin]

Respuesta corta:

Código HTML:

<a>
  <div></div>
</a>
 

Código CSS:

a div {
  background-color: yellow;
}
 
a:hover div {
  background-color: firebrick;
  box-shadow: 0 0 10px 5px black;
}
 

Si usas HTML5 puedes poner un div y otros elementos de bloque dentro de los enlaces, como un párrafo, una cabecera y demás.

La respuesta larga; si es una lista de enlaces, lo más indicado sería usar una lista desordenada:

Código HTML:

<ul>
  <li><a></a></li>
  <li><a></a></li>
</ul>
 

Y si necesitas que exista un espacio superior, y esto te vale para lo anterior también, no te hace falta ningún elemento extra, simplemente le añades un relleno y lo presentas como elemento de bloque:

Código CSS:

ul {
  padding: 0;
  list-style: none;
}
 
a {
  display: block;
  background-color: yellow;
}
 
a:hover {
  background-color: firebrick;
  box-shadow: 0 0 10px 5px black;
}