Как организовать такое меню? - Вопросы по CSS

всем привет!  Столкнулась с таким интересным видом меню как здесь http://art-of-shopping.livejournal.com/
основное меню в кругах. Как можно организовать подобное своими силами на Joomla ?
 ! ! !

скриншот можете сделать? у меня не открывается ссылка

Да, конечно. Вот он и вот в действии

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

Хххмммм что то я с CSS совсем не дружу... Вот такой код мне выдал  FireBug
<h3 class="content-intro-head">Путеводитель по блогу</h3>
<ul class="content-intro-items">
<li class="content-intro-item content-intro-item-bags">
<a href="http://art-of-shopping.livejournal.com/tag/%D1%81%D1%83%D0%BC%D0%BA%D0%B8">
<span class="content-intro-item-inner">Cумки</span>
</a>
</li>
Умом понимаю, что не по аналогии все делать... Но непосредственно сама картинка нигде не прописана ((
Список ссылок нашла, а вот привязки их к основной картинке - не обнаружила (((

Картинка прописана как фоновое изображение к тегу ul
а уже потом пункты абсолютно позиционированы в нужных местах

Тут не так просто. Map надо делать (такая древняя технология). На скрине ссылки в нахлёст, соответственно квадратные недопустимы, нужны круглые. Можно сделать карты изображений с пустым пикселем просто например. Главное круглую форму получить.

Даа, map уже слишком Круг можно и border-radius:50%; сделать. А всё меню - обычный ul с абсолютно-позиционированными li, но для каждого li писать координаты как-то не очень комильфо Но можно с jquery поиграться, с рандомным выводом и размером:)