Привет, подскажите, почему не скругляются углы ссылки
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