Не отображаются background картинки для верхнего меню

Подскажите, в чем тут может быть проблема, при создании модуля top_menu и создании в нем пунктов меню, к пунктам применяются стиль как для обычной ссылки, в коде css файла я так понял вот эта часть отвечает за отображение верхнего меню

Код (CODE):

1. #top_menu ul#mainlevel-nav {
2.     margin: 0 auto;
3.     padding: 0;
4.     list-style: none;
5. }
6. #top_menu ul#mainlevel-nav li{
7.     background: transparent url(../images/but_r.jpg) center right no-repeat;
8.     float: left;
9.     margin: 0 5px;
10.     padding: 0;
11. }
12. #top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{
13.     background: transparent url(../images/but_l.jpg) center left no-repeat;
14.     font-family: Tahoma, Verdana, sans-serif;
15.     font-size: 13px;
16.     float: left;
17.     display: block;
18.     color: #fff;
19.     text-decoration: none;
20.     font-weight: bold;
21.     height: 31px;
22.     line-height: 31px;
23.     padding: 0 10px;
24.     margin: 0;
25.     cursor: pointer;
26. }
27. #top_menu ul#mainlevel-nav li a:hover{
28.     background: transparent url(../images/but_l.jpg) center left no-repeat;
29.     color: #fff;
30.     text-decoration: underline;
31.     height: 31px;
32. }

Здесь у каждого пункта на фоне должна быть картинка, уже много чего перепробовал изменять, но просто не знаю где нужно что-то подправить чтобы было как на превьюшке шаблона. Может быть проблема в том что в коде шаблона не прописано чтобы этот стиль применялся в данном месте, вот код из шаблона

Код (html):

1. <div id="top_menu">
2.         <table cellpadding="0" cellspacing="0" style="margin:0 auto;">
3.             <tr>
4.                 <td>   
5.                     <jdoc:include type="modules" name="user3" />
6.                 </td>
7.             </tr>
8.         </table>
9.     <div class="clr"></div>
10.     </div>

Подскажите плиз

 

В общем проблема была весьма глупа, не ставил перед суффиксом класса меню знак тире. Не знал.

 

У меня возникла похожая проблема не знаю как решить. Мне нужно чтобы фоном в таблице было повторяющееся изображение - градиент. Прописываю это в таблице css :

.contentheading

{
background: url(images\bg.png) repeat-y;
line-height: 14px font-weight: normal;
}


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

 

warden, а как прописано в индексе мы же не знаем скорее всего там косячек

 

Доброго времени суток, точно такая же проблема(не подтягивается CSS стиль к пунктам верхнего меню), перед суффиксом класса меню "-" поставил (см.вложение,может не там поставил?), в чем может быть еще проблема?
код HTML:
<div id="top_menu">
<table cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td>

<jdoc:include type="modules" name="user3" />

</td>
</tr>
</table>
<div class="clr"></div>
</div>
код CSS:
#top_menu{
background: #fef9dd url(../images/top_menu_bg.jpg) top center no-repeat;
height:42px;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
width:960px;
}


#mainlevel-nav{
margin:0 auto;
height:52px;
padding:0;
}

#top_menu ul#mainlevel-nav {
margin: 0 auto;
padding: 0;
list-style: none;
height:52px;
background: transparent url(../images/menu_separator.jpg) top left no-repeat;
}

#top_menu ul#mainlevel-nav li{
float: left;
padding: 0 1px;
margin:0;
height:52px;
background: transparent url(../images/menu_separator.jpg) top right no-repeat;
}

#top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{
float:left;
color:#eee9ca;
display:block;
font-family:Tahoma,Arial,sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
height:52px;
line-height:43px;
padding:0 25px;
}

#top_menu ul#mainlevel-nav li a:hover{
background: transparent url(../images/but_hover.jpg) bottom center repeat-x;
color: #b27b49;
text-decoration: none;
height: 52px;
}

Заранее благодарен за ответ!)

 

а права на картинку выставил?