Почему-то не отрисовывается изображение в background

[adelante]

Посмотрите racestar.ru, панель навигации вверху:

<div id="topnav" class="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f-container">

<ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav">

<li id="menu-item-233" class="menu-item menu-item-type-custom menu-item-home menu-item-233"><a href="http://racestar.ru">Главная</a></li>
<li id="menu-item-234" class="menu-item menu-item-type-taxonomy menu-item-234"><a href="http://racestar.ru/?cat=1">Новости</a></li>
<li id="menu-item-235" class="menu-item menu-item-type-taxonomy menu-item-235"><a href="http://racestar.ru/?cat=4">Отчеты с гонок</a></li>
<li id="menu-item-236" class="menu-item menu-item-type-taxonomy menu-item-236"><a href="http://racestar.ru/?cat=9">Места катания</a></li>
<li id="menu-item-237" class="menu-item menu-item-type-taxonomy menu-item-237"><a href="http://racestar.ru/?cat=11">Календарь</a></li>
<li id="menu-item-238" class="menu-item menu-item-type-taxonomy menu-item-238"><a href="http://racestar.ru/?cat=12">О команде</a></li>
<li id="menu-item-253" class="menu-item menu-item-type-taxonomy menu-item-253"><a href="http://racestar.ru/?cat=15">Видео</a></li>
<li id="menu-item-298" class="menu-item menu-item-type-taxonomy menu-item-298"><a href="http://racestar.ru/?cat=17">Фото</a></li>
<li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-314"><a href="http://racestar.ru/?page_id=311">Заальбах</a></li>

</ul>

</div>



#topnav {

height:43px;
width:100%;
margin:0;
padding:0;
background: url('images/bgrnd1.png') repeat-x bottom left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: bold;
letter-spacing: 1px;	
border-top: 1px inset silver;
border-bottom: 1px outset silver;
}



ul.topnav {

height:43px;
line-height:43px;
list-style:none;
font-size:13px;/*
text-transform:uppercase;*/
margin: 0;
padding-top: -25px;

}

Почему-то не отрисовывается #topnav { background: url('images/bgrnd1.png') repeat-x bottom left; }, не врубаюсь почему. И если имэдж к бэкраунду назначить ul'у, то тоже не отрисовывается. Само изображение вроде как на месте, в /image относительно css файла.

Edited December 20, 2010 by adelante

[mishka]

<ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav">

#menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f

.topnav

так понятно?

[adelante]

ммм... нет, к сожалению.

[MC WEST]

У тебя прописан class="topnav", а ты задаешь стили через id #topnav, а надо так .topnav

[eVErl@Sting]

у него там и ID и CLASS, скорее всего он бэкграунд имено к ID лепит, потому что к UL лепить это тупо

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

Uploaded with ImageShack.us

Edited December 21, 2010 by eVErl@Sting

[adelante]

Да, бэкграунд лепится именно к div#topnav, как в общем-то и видно из приведённого кода.

Everlasting, на вашем скриншоте как-то не видно навменю этого...

[eVErl@Sting]

background: url('images/bgrnd1.png') repeat-x bottom left;

У тебя бэкграунд расположен по низу сайта, на скрине низ сайта с твоим бэкграундом, чего не видно?

[mishka]

есть там бг, просто его невидно так как это пнг, и он сливаеться с черным фоном.

или убери с хедера черный бг, или этому топнав

#topnav {

background: #fff url('images/bgrnd1.png') repeat-x bottom left;

}

И еще:

у тебя есть

* {

padding: 0;

margin: 0;

}

та зачем ты еще дополнительно каждому элементу обнуляешь паддинг, марджин? Даже тем элементам где их и небыло никогда.

[adelante]

mishka2, спасибо, это как раз то, что я упустил, в смысле черный бэкграунд.

А маржин-паддин:0, по незнанию на всякий случай.