Dreamweaver image map в неупорядоченном списке

Я использую Dreamweaver для получения координат пикселей для карт изображений. Один уже сделан, но другой оказывается невозможным, возможно, потому, что то, что я намерен, недопустимо. Моим "невозможным" образом, которое я хотел бы установить для горячих точек, является одна из записей списка в неупорядоченном списке, и всякий раз, когда я пытаюсь выбрать элемент img в представлении кода, чтобы выделить карту, он не будет работать и выбирает ul.

Я использую это программное обеспечение только для картирования изображений и его функции проверки кода, но это боль, и я бы так же обошлась без него, если есть способ определения/вычисления координат пикселей для круговой карты изображения.

Любые советы или поведение DW и то, что я пытаюсь, не разрешено в HTML?

Обновлено: Чтобы быть более конкретным, это не просто список, а список с ограниченным ограничением, который действует как галерея с его вводом от кликов с привязными эскизами изображений в соответствии с приведенным ниже кодом (только для одного элемента списка для ясности). То, что я хотел бы сделать, это сделать "stuff-medium.jpg" кликабельным изображением, которое будет отображаться на следующем изображении в галерее (через href "#two"), предоставляя навигационные панели для моей галереи также...

<div id="gallery">
<ul id="gallery-interior">
<li id="one"><img src="../images/stuff_medium.jpg"></li>
</ul>
</div>

<div>
<a href="#one" target="_self"><img src="../images/stuff_thumb.jpg"></a>
</div>

Обновление II - этот код работает; Я сделал это вручную, но я взорван, если я могу понять, как это сделать в DW:

<li id="one"><img src="../images/stuff_medium.jpg" border=0 usemap="#gallerymap">
<map name="gallerymap"><area shape="circ" coords="399,157,30" href="#two" target="_top"></li>