Как закруглить углы у ссылки?

[ExtremeBurner]

Я считаю что этот вопрос когда-либо появлялся ранее, но, поискав на форумах и погуглив я ничего не нашел. Идея в том, что при наведении на ссылку, у нее появляется фоновый цвет (условно у "блока" <a>) , и этот цветной "прямоугольник" должен иметь скругление углов. Уверен что это часто используется, но инфы я нигде не нашел (может плохо искал, ведь искать как следует я не умею). Было три способа, первый - просто приписать бордер радиус для <а> а при наведении курсора, но не сработало. вторая идея это воспринимание <а> как блока, но в этом случае фон при наведении продолжался слишком далеко у коротких слов, поэтому не подошло. Третья идея - это загружать фоновую картинку (залить цветом прямоугольник со скруглениями) при наведении мыши, НО длинные ссылки не будут полностью погружены под этот фон. Встал вопрос. КАК? Заранее спасибо за помощь, опытные верстальщики ^^.

PS за одно, подскажите как сделать так чтобы прямоугольник при наведении шел чуть дальше высоты букв? (padding, нет?)

[Great Rash]

http://jsfiddle.net/hgpJU/