a.buy {background-image:url(/extm/buy.png);background-repeat:no-repeat;padding:0 0 0 17px}   
a.buy:hover {background-image:url(/extm/buy_hover.png);color:#fff}   
a.error {background-image:url(/extm/error.png);background-repeat:no-repeat;padding:0 0 0 17px}   
a.error:hover {background-image:url(/extm/error_hover.png);color:#fff}   

.navy_banner {   
background:rgba(0,0,0, 0.8);   
padding:5px;   
width:468px; /* Ширина блока */   
height:80px; /* Высота Блока */   
border-radius:3px;   
}   
.navy_banner img {   
width:468px; /* Ширина изображения */   
height:60px; /* Высота изображения */   
}   
.navy_banner {   
background:#444; /* ЦВЕТ РАМКИ БАННЕРА */   
padding:5px;   
-webkit-transition:250ms ease; /* ПЛАВНОСТЬ СМЕНЫ ЦВЕТА */   
-moz-transition:250ms ease;   
-o-transition:250ms ease;   
}   
.navy_banner img {   
width:468px; /* ШИРИНА БАННЕРА */   
height:60px; /* ВЫСОТА БАННЕРА */   
border-radius:2px;   
}   
.navy_banner li {   
list-style:none;   
margin:0;   
padding:0 5px 6px;   
display:none; /* ИЗНАЧАЛЬНО ДОП. ССЫЛКИ НЕ ВИДНЫ, поставьте "display:inline" что бы они были видны изначально */   
border-right:1px solid #0066ff /* ЦВЕТ БОРДЮРА СПРАВА ОТ ССЫЛОК */   
}   
.navy_banner li a {   
text-decoration:none;   
font-size:13px;   
color:#ccc; /* ЦВЕТ ССЫЛКИ */   
}   
.navy_banner:hover {background:#0099ff} /* ПРИ НАВЕДЕНИИ НА РАМКУ МЕНЯКТ ЦВЕТ, ПЛАВНО */   
.navy_banner:hover li {display:inline}

<div class="navy_banner">   
<a href=""><img src="/extm/adv.png" /></a>   

<!-- ДОП. ССЫЛКИ -->   
<li><a href="" class="buy">заказать рекламу</a></li>   
<li><a href="" class="error">сообщить о нарушении</a></li>   
<!-- =========== -->   
</div>