Помогите с кодом

Помогите пожалуйста правильно прописать код.
Я создал дополнительный
виджет. В нем находится фон (школьная доска). При наведении курсора
a:hover должна появлятся обводка (типа мелом)
Скрин
В Firebug показывает, а на сайте нет. Или я совсем не правильно код прописал (скорее всего)
Это сайт
Это HTML разметка:
<div id="nav-but">
<ul class="staticb">
<li class="primul">
<a href="https://pr-cy.ru/jump/?url=%23"></a>
</li>
<li class="doi">
<a href="https://pr-cy.ru/jump/?url=%23"></a>
</li>
<li class="trei">
<a href="https://pr-cy.ru/jump/?url=%23"></a>
</li>
</ul>
</div>

Это CSS:
#nav-but {
    display: block;
    margin-bottom: 130px !important;
    position: relative;
    margin-top: -15px !important;   /*- поднимает -*/
    z-index: 1;
}
#nav-but ul.staticb li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#nav-but ul.staticb {
    margin-bottom: 10px;
    margin-top: 0px;
    padding-left: 0;
}
#nav-but ul.staticb li.primul a {
    position: relative;
    background-color: transparent;
    background-image: url("http://kompcenter.net.ua/images/bg_but2_bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-position: 15px 0px;
    display: block;
    width: 1000px;
    height: 260px;
    margin-left: 0;
    z-index: 0;
}
#nav-but ul.staticb li.doi a {
    background-position: 0 0px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 110px;
    margin-top: -250px;
    position: relative;
    text-indent: -9999px;
    color: #ffffff;
    width: 0px;
    height: 6px;
    z-index:5;
}
#nav-but ul.staticb li.doi a:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://kompcenter.net.ua/images/doska_menu_ege.gif");
    background-origin: padding-box;
    background-position: 0 0px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 110px;
    margin-top: -250px;
    position: relative;
    text-indent: -9999px;
    width: 300px;
    height: 66px;
    z-index:5;
}