Сделать подкладку под карту с помощью map?

Question

[Nikita Shchypylov]

Всем привет
Есть картинка с картой Украины, под каждую из областей нужно подложить area c кликабельным полем, который бросает нас на страницу с ней

Вот такой код :

<map class="map-access" name="Navigation">
					<area shape="rect" id="test" coords="20,20,0,0" href="{$url}" alt="Киевская">
</map>

.map-access {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			area {
				display: block;
				width: 20px;
				background: red;
				height: 20px;
			}
		}

не работает. Кликабельная область есть, но координаты не работают, то есть все теги area находятся на одном месте и никуда не двигаются, какие координаты я бы не ставил
Почему?

Answer 1

[Ankhena]

Координаты перепутаны.
Вначале задается верхний левый угол, потом нижний правый.
coords="0,0,20,20"

CSS вообще не ясно зачем.