Подскажите пожалуйста. Дело в том что: пытаюсь сделать меню так чтобы один из пунктов меню состоял из двух изображений (а именно стыковка), у неактивного раздела меню все работает.
отрывок из сайта:
<!-- indexer::stop -->
<div class="mod_navigation block" id="pro8">
<a href="index.html#skipNavigation_1" class="invisible" title="Пропустить навигацию"></a>
<ul>
<li class="first"><b>Главная страница</b></li>
<li><a href="novosti-kompanii.html" title="Новости компании"><b>Новости компании</b></a></li>
</ul>
<a id="skipNavigation_1" class="invisible" title="Пропустить навигацию"></a>
</div>
<!-- indexer::continue -->
отрывок из CSS:
#pro8 {padding:0 0 0 32px; padding-top:10px; margin:0 auto; overflow: hidden; list-style:none; height:41px; background:#000 url(../images/menu.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
#pro8 li {float:left;}
#pro8 li a {display:block; float:left; height:33px; line-height:33px; background:url(../images/pro_eight_0.gif); color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor
ointer;}
#pro8 li a b {float:left; display:block;color:#fff; padding:0 12px 0 0; background:url(../images/pro_eight_0.gif) right top;}
#pro8 li a:hover {color:#000; background:url(../images/pro_eight_1.gif);}
#pro8 li a:hover b {background:url(../images/pro_eight_1.gif) right top;}
#pro8 li.first a {color:#fff; background:url(../images/pro_eight_1.gif);}
#pro8 li.first a b {background:url(../images/pro_eight_1.gif) right top;}
#pro8 li.first a:hover {color:#fff; background:url(../images/pro_eight_1.gif); cursor:default;}
#pro8 li.first a:hover b {background:url(../images/pro_eight_1.gif) right top;}