Карта изображения в логотипе Joomla 1.6

Здравствуйте. На логотипе сайта изображен цветок. Впервые возникла необходимость на лепестках логотипа создать карту изображений, т.е. активные лепестки (не flash), при нажатии на которые происходит переход по определённому URL. Читал статьи о реализации данного функционала в html с использованием css.
Подскажите, пожалуйста, как можно добавить это чудо в шаблон Joomla 1.6.

Код (PHP):

1. <div id="logo">
2.  
3. <?php if ($this->params->get( 'showTitle' )) : ?>
4.   <div id="title"><?php $conf =& JFactory::getConfig(); $sitename = $conf->getValue('config.sitename'); echo $sitename; ?></div>
5.   <div id="sitetitle"><?php $mydoc =& JFactory::getDocument(); $mytitle = $mydoc->getTitle(); echo $mytitle; echo " ..."; ?></div>
6. <?php endif; ?>
7.   </div>

Код (CODE):

1. #logo{z-index:0; margin-left:auto; margin-right:auto; width:1100px; height:244px; background-image:url(../images/logo.png); background-repeat:repeat-y; position:relative}

 

можно через Image Map попробовать.