关于给多个div中的图片加链接的问题

Question

下面这段代码中，如何给每个图片加上不同的链接呢？
图片是不规则的地图形状，div都设置了决定定位，不觉对定位的话地图的位置就变了,加上链接以后鼠标点没反应。
<div class="thebox">
    <div><img src="image/Shanxi_green.png" /></div>
    <div><img src="image/Shannxi_green.png" /></div>
    <div><img src="image/yunnan_green.png" /></div>
    <div><img src="image/Guizhou_green.png" /></div>
    <div><img src="image/Hunan_green.png" /></div>
    <div><img src="image/Hubei_green.png" /></div>
</div>
样式为：
.thebox {
    width:660px;
    height:530px;
    background:url(image/shadow.png) no-repeat #d0eff2;
}
.thebox div {
    position:absolute;
}急盼大师帮忙解答啊，谢谢啦！^_^

Answer 1

补充一下,div里图片的大小是一样的，直接在图片上家链接的话，上面的div就把下面的div挡住了，怎么解决加链接这个问题呢？

Answer 2

???加链接会让div变形？<img src="image/Shanxi_green.png" onclick=""/>