HTML+CSS+JavaScript

имеем сверстанный макет сайта, на нем рисунок разные области которого будут ссылками на разные источники. Логично использовать карты ссылок для выделения активных участков.
так вот при табличном методе имеем такую запись:

<img src="img.jpg" border="0" usemap="#map1">    <map name="map1" id="map1">    <area shape="rect" coords="37,8,190,132" href="#" title="1" />    <area shape="rect" coords="48,136,74,161" href="#" title="2" />    </map>

если верстать на дивах, вся графика у нас находится в отдельном файле вместе с css (background-image: url(pic.jpg) ).
В конечном итоге имеем html-разметке:

<div id="pic"> </div>

как теперь использовать карты ссылок? обычное подключение вида, см. выше, не помогает. Исходный графический файл находится в css
или надо будет принудительно выносить такую графику из css в html и пользовать <img> ?
Как правильно поступить в этом случае? так сказать руководствуясь W3C

руководствуясь w3c надо выносить в .css только фоновые изображения.

если хотиче - вместо <img src="img.jpg" можно поставить однопиксельный прозрачный гиф и фоном ему нормальное изображение. но я бы не делал фоном.

ну, допустим, мы отказываемся и переносим это изображение в html...возникает другая ситуация
если сделать изображение ссылкой:

<div id="pic1">      <a href="#"><img src="img/pic1.jpg" border="0" alt="" /></a> </div>

в коде все отлично работает, валидатор тоже говорит что все хорошо, но это в случае если используется XHTML 1.0 Transitional
использую сейчас XHTML 1.0 Strict, а вот тут уже начинаются ошибки
говорит что "there is no attribute border"
как быть?
хотя, я решение уже нашел, интересует насколько оно верно.
для тэга <img> прописать стиль вида

style="border: 0;"

валидатор принимает - логически верно так писать или есть другая форма?

так и писать. только вы что хотите, <map> или <a href= > ?

да тут просто по нарастающей уже раскручивается одно из другого. Да что там, что там - все равно в стили прописывать для тэга <img> border: 0;