Привет, подскажите, почему не скругляются углы ссылки
HTML и CSS
<div id="bottom_menu">
<ul>
<li><a href="#">О компании</a></li>
<li><a href="#">Партнёрам</a></li>
<li><a href="#">Сервис</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
#bottom_menu{
float: left;
margin-top: 15px;
margin-left: 70px;
}
#bottom_menu ul li{
display: inline;
float: left;
margin-right: 30px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#bottom_menu ul li a{
display: block;
text-decoration: underline;
font: 13px Verdana;
height: 25px;
line-height: 25px;
padding-left: 25px;
padding-right: 25px;
color: #304401;
}
#bottom_menu ul li a:hover{
text-decoration: underline;
color: white;
background: #87a801;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
Использую jQuery плагин curvycorners