Здравствуйте! Промучился сутки, не могу найти ошибку в меню. Образец взят отсюда
http://webdesignerwall.com/tutorials/advanced-css-menu. Пробовал на черновике - все работает, на сайте - нет.
Код HTML
Код HTML:
<ul id="menu">
<li><a class="home" href="/">ГЛАВНАЯ</a></li>
<li><a class="restaurant" href="http://meta.ua">О РЕСТОРАНЕ</a></li>
<li><a class="banquet" href="#">БАНКЕТЫ</a></li>
<li><a class="menu" href="#">МЕНЮ</a></li>
<li><a class="gallery" href="#">ГАЛЕРЕЯ</a></li>
<li><a class="hamam" href="#">ТУРЕЦКАЯ БАНЯ</a></li>
<li><a class="commission" href="#">СТОЛ ЗАКАЗОВ</a></li>
<li><a class="guest" href="#">ГОСТЕВАЯ КНИГА</a></li>
<li><a class="contact" href="#">КОНТАКТЫ</a></li>
</ul>
Код CSS
Код HTML:
#menu {
position: relative;
width: 209px;
height: 326px;
list-style: none;
}
#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menu a:hover {
background-position: left bottom;
}
#menu .home {
width: 209px;
height: 60px;
background: url(/images/menu001.png) no-repeat;
left: 0px;
top: 0px;
}
#menu .restaurant {
width: 209px;
height: 30px;
background: url(/images/menu002.png) no-repeat;
left: 0px;
top: 60px;
}
#menu .banquet {
width: 209px;
height: 30px;
background: url(/images/menu003.png) no-repeat;
left: 0px;
top: 90px;
}
#menu .menu {
width: 209px;
height: 30px;
background: url(/images/menu004.png) no-repeat;
left: 0px;
top: 120px;
}
#menu .gallery {
width: 209px;
height: 30px;
background: url(/images/menu005.png) no-repeat;
left: 0px;
top: 150px;
}
#menu .hamam {
width: 209px;
height: 30px;
background: url(/images/menu006.png) no-repeat;
left: 0px;
top: 180px;
}
#menu .commission {
width: 209px;
height: 30px;
background: url(/images/menu007.png) no-repeat;
left: 0px;
top: 210px;
}
#menu .guest {
width: 209px;
height: 30px;
background: url(/images/menu008.png) no-repeat;
left: 0px;
top: 240px;
}
#menu .contact {
width: 209px;
height: 56px;
background: url(/images/menu009.png) no-repeat;
left: 0px;
top: 270px;
}
адрес страницы
http://nikonov.co.cc