Joomla 1.0 Проблема в создании меню с закругленными углами

Здравствуйте.
Уже второй день мучаюсь с меню для сайта с закругленными углами. Разбил исходную картинку на 4 гифа в файрворксе, растянул их в фотошопе(чтоб не рвались при растяжении), прописал 4 блока дивов, вроде получилось, но с косяками, которые не могу убрать.


ЭТО template_css.css

.block {
width: 200px;
height: 300px;
}

/* Закругленные углы для модулей, выводимых с параметром -3. */
.block div.module {
background: url(../images/bl.gif) 0 100% no-repeat;
margin-bottom: 10px;
color: #FFFFFF;
padding-left: 25px;
}
#pos_left {
width: 219px;
height: 300px;
float:left;
overflow: hidden;
}

.block div.module div {
background: url(../images/br.gif) 100% 100% no-repeat;
margin-bottom: -20px;

}
.block div.module div div{
background: url(../images/tl.gif) no-repeat;
background-position: top left;
margin-left: -7px;
}
.block div.module div div div {
background: url(../images/tr.gif) no-repeat;
background-position: top right;
margin-left: -10px;
padding: 8px;
width: auto !important;
width: 100%;
}
.block div.module div div div h3 {
color: #E6E6E7;
font-size: 14px;
line-height: 12px;
font-weight:bold;
text-align:center;
}


Index.php

<?php /* build position left */ ?>

<div id="pos_left">
<div class="block">
<?php if (mosCountModules( 'left' )) mosLoadModules( 'left', -3 ); ?>
</div>
</div>

Не могу сдвинуть пункты меню, которые отображаются между картинками bottom left и top left и левее рамки меню, т.к. при сдвиге уходит вправо картинка top left прямо пропорционально сдвигу текста.
Вопрос: как и где отредактировать положение пунктов меню(а так же цвет итд), чтоб не пострадала картинка? Где вообще редактируется сам текст этого меню?

А так же еще один вопрос. Каждый ново добавленный пункт меню растягивает меню (то есть нижние две картинки), то есть если пунктов вообще не будет, будут отображаться только две верхние картинки, а нижних не будет. Дак вот, растягивать то растягивает, только получается так, что при растяжении самый нижний пункт меню задевает рамку, т.е. стоит на ней, смотрится не очень. Как сделать так, чтоб между последним пунктом меню и рамкой было расстояние не впритык, а скажем пикселей 10-15?

Делаю менюшку как на картинки.

 

ResorD, приделай еще к немнему
блок.а
блок.а:линк
блок.а:ховер
блок.а:визитед
тут подчеркивание цвет шрифта размер и тп, а про отступ надо
шарик_ верхний блок_шарик
боковой блок_тело_боковой блок
шарик_ нижний блок_шарик
шарик думаю поймешь зачем

 

за первую часть спасибо, помогло.
что за шарик?))

 

все понял ты просто боковинки сделал с закругленными краями

 

Вопрос №1 полностью решен.
Все еще очень интересно узнать как сделать при автоматическом растягивающемся вниз меню (в зависимости от кол-ва пунктов меню) расстояние между рамкой и нижним пунктом меню не равное нулю, то есть хоть какой-то отступ.

 

вопросы решены.

 

ResorD, напиши как может пригодиться кому нить