poner enlaces "en un mapa"?

[Oren]

Vereis, necesito hacer lo siguiente: a partir de un mapa del mundo, al pasar el raton por determinados paises hacer un enlace. Para esto lo que estaba haciendo es algo asi:

Código:

#spain a {
	margin-left: 695px;
	margin-top: 238px;
	width: 40px;
	height: 40px;
	border: 2px solid #000;
	display: block;
	float: none;
}

Y en el index.php:

Código:

<div id="spain"><a href="http://google.com"><span>spain</span></a></div>

Es decir, tal y como esta lo que habia pensado es definir una "caja" para cada pais (que lo abarque mas o menos todo, y que seria donde se podria pinchar para el enlace).

Ahora el problema: ¿como hago en css para poder poner varios paises (es decir, varios enlaces, o varias divs) y que puean estar alineados sin problemas? porque al haber dos paises uno al lado del otro lo que hago yo no funciona, y no se la propiedad css que estoy haciendo mal.

gracias.

[kahlito]

Hola Oren, en esta web encontrarás varios ejemplos, te paso dos:

http://www.cssplay.co.uk/menu/imagemap
http://www.cssplay.co.uk/menu/imap

[caricatos]

Hola:

Los mapas de imágenes sirven para eso... una imagen con el atributo usemap con el valor del mapa (etiqueta map) y dentro de esa etiqueta el conjunto de areas... con sus respectivos enlaces... si no te importa el uso de javascript, tengo está página: Creación de áreas en imágenes donde puedes ver el resultado, y a la vez crear los areas y sus enlaces (si no te interesa javascript, puedes quedarte solo con los áreas...)

Saludos