Joomla 1.0 Резиновые горизонтальные кнопки

Добрый день.
Подскажите, пожалуйста, как сделать так, что бы горизонтальные кнопки сайта имели не фиксированную ширину (ширина зависит от текстового содержания кнопки). Что-то типа как здесь: http://happy-sigaretts.ru/ , только концы будут закругленными (joomla 1.0)

 

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

 

Прошу прощения, но не понял. У меня есть код topmenu, что там нужно вставить, что бы работало? Помогите, пожалуйста

Код (CODE):

1. ul#mainlevel-nav {
2.     text-decoration: none;
3.     list-style: none;
4.     padding: 0;
5.     margin: 0 0px;
6.     float:left;
7.     color:#E7A038;
8.     }
9. ul#mainlevel-nav li {
10.     width:108px;
11.     float:left;
12.     font-size:0.9em;
13.     height:25px;
14.     line-height:25px;
15.     padding: 2px;
16.  
17.     display:inline;
18.     }
19. ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
20.     font-family: "Monotype Corsiva";
21.     font-size: 18px;
22.     font-weight:bold;
23.     text-align:center;
24.     text-decoration:none;
25.     white-space:nowrap;
26.     display:block;
27.     overflow:hidden;
28.     color: #453818;
29.     margin:0;
30.     padding:0;
31.     background: url(/templates/salon/images/knopka.gif);
32.     }
33. ul#mainlevel-nav li a:hover {
34.     white-space:nowrap;
35.     margin:0;
36.     padding:0;
37.     color: #000000;
38.     background-position: -108px 0;
39.     }