горизонтальное меню с большими отсутпами

[Rayzor]

нужно сделать пару кнопок на зелёном фоне с закруглёнными сильно углами. Пробовал сделать примерно так:Обрамил тег li тегом a и оформил примерно так:

li
{
display:inline;
margin-right:50px;
}

a:hover
{
background:green;
border-radius:15px;
}

В итоге я получил то, что надо, но зелёным выделяется пространство вплоть до следующего тега li, а мне нужно, чтобы это было только вокруг текста.

[mrnobody]

Вроде этого? http://jsfiddle.net/zDqGD/

[Rayzor]

спасибо большое)) очень интересное сочетание свойства display у элемента li и a