я в твой пример вставил ещё одну картинку с таким же дивом ... и всплывает окошко только в одном ми том же месте, вне зависимости на какой картинке мыша

<div class="content">
<img src='https://www.google.ru/logos/doodles/2015/42nd-anniversary-of-the-official-recognition-of-the-letter-5644871192805376.3-res.png' alt="image" />
<div class='popmnu'>
<ul>
<li><a href='1.html'>город 1</a></li>
<li><a href='2.html'>город 2</a></li>
<li><a href='1.html'>город 3</a></li>
<li><a href='2.html'>город 4</a></li>
</ul>
</div>

<img src='https://www.google.ru/logos/doodles/2015/42nd-anniversary-of-the-official-recognition-of-the-letter-5644871192805376.3-res.png' alt="image" />
<div class='popmnu'>
<ul>
<li><a href='1.html'>город А</a></li>
<li><a href='2.html'>город И</a></li>
<li><a href='1.html'>город В</a></li>
<li><a href='2.html'>город І</a></li>
</ul>
</div>
</div>

<div class="content">
<img src='https://www.google.ru/logos/doodles/2015/42nd-anniversary-of-the-official-recognition-of-the-letter-5644871192805376.3-res.png' alt="image" />
<div class='popmnu'>
<ul>
<li><a href='1.html'>город 1</a></li>
<li><a href='2.html'>город 2</a></li>
<li><a href='1.html'>город 3</a></li>
<li><a href='2.html'>город 4</a></li>
</ul>
</div>


</div>

<div class="content">

<img src='https://www.google.ru/logos/doodles/2015/42nd-anniversary-of-the-official-recognition-of-the-letter-5644871192805376.3-res.png' alt="image" />
<div class='popmnu'>
<ul>
<li><a href='1.html'>город А</a></li>
<li><a href='2.html'>город И</a></li>
<li><a href='1.html'>город В</a></li>
<li><a href='2.html'>город І</a></li>
</ul>
</div>
</div>

вопрос пока не в этом ... пока не могу добиться, чтобы окно всплывало на активной картинке... А оно всплывает в фиксированном месте

Вот как ещё пример с центрированием меню по середине картинки http://jsfiddle.net/gok20yta/1/

Переделал последний пример, может кому то пригодиться http://jsfiddle.net/gok20yta/2/

спасибо большое за подсказки!!! Держи карму +.

Не за что