[Mihalich41]

Делаю меню, у кнопок края круглые, а то что не попадает в кнопку - прозрачное...
<li><a href="#">Главная<span></span></a></li>

<span></span> - для того чтобы "закрыть" полукругом кнопку

так вот возникает проблема, что основной фон остается, под "закрывающим полукругом", т.к. у него прозрачная часть есть...
на рисунке видно - справа кнопка квадратом заканчивается, а должна как и начинается...

Если меня кто понял, помогите, плиз, возможно ли, например, задать в css объекту ( li ) background таким образом что бы он заканчивался с правого края а на 8 пикселей раньше?

[Mihalich41]

варианты нарисовать все кнопки отдельно или убрать прозрачность у "закрывашки" не подходят

[Niemans]

<style>
a {display: inline-block; margin: 0 10px; line-height: 20px; position: relative;}
a i, a b {position: absolute; top: 0px; width: 10px; height: 20px;}
a i {left: -10px; background: левый;}
a b {right: -10px; background: правый;}
</style>
<a href="#">Главная<i></i><b></b></a>

[Mihalich41]

оставил как было
<li><a href="#">Главная<span></span></a></li>
только span прописал right: -8px

Спасибо за помощь