Hola
Bueno, vamos por partes
primero ¿entendiste bin lo que son las capas y el z-index?
Ahora pasemos a otro punto.
Las capas, como tales, llamadas layers, ya no son admitidas por el w3c, eso quiere decir que la etiqueta layer, el método layers[] y lo semejantes a eso n se pueden usar.
Bueno, eso era información complementaria...
Pasemos a lo que te interesa
Si vas a usar estilo, primero que nada, te recomiendo que los pongas en la cabecera de tu página, dentro de la etiqueta style. Usaré de ejemplo el que le aplicas al div.
La cosa iría quedando así:
<head>
<style type="text/css">
.cosa {
z-index: 2;
left: 145px;
top: 20px;
width: 615px;
height: 237px;
position: absolute;
}
</style>
</head>
<body>
<div class="cosa">
<a href="http://www.google.es"><img src="10.jpg" width="100"></a>
</div>
</body>
Bueno, efectivamente este código es muy simple y definitivamente te debería funcionar, es decir, la imagen 10.jpg, tiene que llevarte a google.es al hacerle clic.
Ahora bien, tal vez la imagen tiene, por ejemplo, varias palabras o zonas y quieres que cada una te lleve a diferentes sitios, si es así, lo que tienes que hacer, es un mapa de imagen.
Si lo que quieres es que la imagen te lleve a una sección dentro de tu propia página, has de usar marcadores, es decir, en alguna parte en la página has de colocar un código como este:
<a name="marcador"></a>
y el vínculo de la imagen ha de ser de la siguiete forma:
<a href="#marcador"><img src="10.jpg" width="100"></a>
No deberías tener más problemas
Mencionabas que lo que está en negrita es lo que te da problemas ¿por qué ? ¿qué problemas? es un código no muy elegante, pero bien construido y aceptado por todos los navegadores...
Bueno, ya nos dirás si te funcionó
Suerte
Felicidad