не работают скругления углов тега a
 

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

OlegALL, а где стили? Фиг вас знает, как вы их там добавляете.

И какой браузер?

у меня скругляются при наведении мыши, браузер FF8

#bottom_menu ul li {
...
display: inline-block;
...
}

В общем inline-block нужно добавить в любом случае, так как не очень правильно, строчный в блочном, хоть и HTML5.
Далее закруглить строчный нельзя, по этому что бы закруглить список, нужно сделать ему тот же inline-block.
Ссылка конечно и так должно закругляться, но собственно из-за выше указанного свойства родителя, что то могло не так показываться.
Ну и последнее это то, что глупо по умолчанию делать скругление на обёртке, а при ховере на внутренней ссылке.

Эм... Ошибка?

trikadin,
Тьфу, блочный в строчном :) Ага, ошибка, моём тексте.

Я просто завис немного... Может, я чего не знаю)

Установил, что скругления не прорисовываются при наведении мыши на ссылку (hover). в остальных случаях скругление работает. Браузер ИЕ8

в ie 8 вообще не работают скругления, ховер тут не причём.