Все вроде правильно , как Вы указали , но что-то все равно не работает
Вот так написано у меня
Код HTML:
<!-- MENU -->
<div class="topmenu"><div class="dleft"><div class="dright">
<a class="flink factive" href="/index.php" title="Главная"><b>Главная</b></a>
<a href="/index.php?do=register" title="Регистрация"><b>Регистрация</b></a>
<a href="/index.php?do=feedback" title="Контакты"><b>Контакты</b></a>
<a href="/index.php?do=stats" title="Статистика"><b>Статистика</b></a>
<a href="/sitemap.xml" title="Карта сайта"><b>Карта сайта</b></a>
<a href="/engine/rss.php" title="RSS"><b>RSS</b></a>
<a href="#" title="О нас"><b>О нас</b></a>
</div></div></div>
<!-- END MENU -->
Код HTML:
<style type="text/css">
.topmenu a:hover { color: #fff; background: #71a3c1 url("../images/menutop_links.png") repeat-x 0 -47px; }
.topmenu a.flink { background-position: 0 -188px; }
.topmenu a.active { background: #1e72a4 url("../images/menutop_links.png") repeat-x 0 0; }
.topmenu a.active:hover { background: #337fab url("../images/menutop_links.png") repeat-x 0 -282px; }
.topmenu a.factive { background: #1e72a4 url("../images/menutop_links.png") no-repeat 0 -141px; }
.topmenu a.factive:hover { background: #337fab url("../images/menutop_links.png") repeat-x 0 -235px; }</style>
У оригинала
sshot-1.png У меня
sshot-2.png
У него есть active у меня нет
.