Резиновое меню для joomla 1.7

Хотелось бы построить на CSS резиновое меню для Джумлы.

Нашел пример, в отдельности работает как надо. При вставке кода в индексную страницу все сбивается к левому краю. Можете подсказать причину.

Вот код CSS

Код (CODE):

1. ul {
2.     text-align: justify;
3.     overflow: hidden; /* нужно чтобы обрезать разные побочные эффекты приема */
4.     height: 20px; /* нужна чтобы устранить один побочный эффект, но иногда можно обойтись без нее */
5.     cursor: default; /* растянутый текст justify приведет к тому что почти вся плашка меню будет иметь cursor: text */
6.     margin: 50px 100px 0 100px;
7.     background: #CCCCCC;
8.     padding: 5px;
9. }
10. li {
11.     display: inline; /* чтобы пункты меню выступали в роли текста */
12. }
13. li a {
14.     display: inline-block; /* чтобы не разрывались слова в пунктах меню */
15.     color: #0000CC;
16. }
17. a:hover {
18.     color: #ff0000;
19. }
20. ul:after { /* эмуляция дополнительной строки, чтобы сработал justify */
21.     content: "1";
22.     margin-left: 100%;
23.     height: 1px;
24.     overflow: hidden;
25.     display: inline-block;
26. }

соответсвенно проверка в отдельном файле

Код (CODE):

1. <ul>
2. <li><a href="#">Главная</a></li>
3. <li><a href="#">Собираем</a></li>
4. <li><a href="#">Следим</a></li>
5. <li><a href="#">Без цензуры</a></li>
6. <li><a href="#">Учимся</a></li>
7. <li><a href="#">Справочники</a></li>
8. </ul>

и в индексном файле шаблона.

Код (CODE):

1. <div>
2.         <?php if($this->countModules('position-80')) : ?>
3.             <jdoc:include type="modules" name="position-80" />
4.         <?php endif; ?>
5.         </div>

 

Подскажите пожалуйста как сделать резиновым сайт Батэ