Как реализовать?

Подскажите пожалуйста. Надо так. При наведении на пункт меню он подсвечивается красным закругленным фоном.
Нужно что бы небыло никаких других классов для ссылки. Только формат
ul
li
a
Можно
ul
li
a
span

Я знаю как в общем должно быть, а как реализовать не знаю...невыходит. Подскажите пожалуйста.

Вам код весь написать? или сказать пишите просто через ul li a{ ... } ?

Если можно код. А то я тут кручу туда сюда...то выйдет во всех браузерах, а в ИЕ6м не выходит...и так далее.Уже все варианты иссякли.

надпись из профиля топикстартера... мда уж...

Цитата ("LLIypLLIuk"):

Оффтопик

HTML верстка,настройка и интеграция wordpress - никакого посредничества, все напрямую делаю Я =)

надпись из профиля топикстартера... мда уж...

И? Вы докопаться ко мне хотите или поумничать? Я редко обращаюсь с такими просьбами.

Ul li a{ваши стили, дисплей блок}
ul li a:hover{сюда пишем бекграунд розовый}

Цитата ("_VersouL_"):

Ul li a{ваши стили, дисплей блок}
ul li a:hover{сюда пишем бекграунд розовый}

Если бы все было так просто....

Ul li a:hover{сюда пишем правую заруглённую половину бекграунда}
ul li:hover{сюда пишем левую заруглённую половину бекграунда}

Пример может тут подсмотреть internys.ru !

А нельзя сделать блок ссылки фиксированной ширины? Я так понял проблема в выводе 3-х частей: левое закругление, центр, правое. Тогда (в смоем случае) можно будет обойтись одной картинкой. Понимаю что это не универсальный выход.
Когда-то решал похожую проблему, но сделал через "по-быстрому" ссылка

ДА, проблема в выводе 3х частей...и здесь нельзя побыстрому, а нужно правильно и что бы кроссбраузерно...а оно не выходит...

Решил двумя частями (что не суть, длина их может быть любой), дарю:
ссылка

Опера, лиса, осел-6

Надо при наведении. а не статично.

Ну сделай hover, в чем проблема-то?

Цитата ("franky"):

в чем проблема-то?

Ждет пока напишут

ul li {

	display: inline-block;

	height: 27px;

	cursor: pointer;

	text-decoration: none;

    background: url('images/button_link_right.gif') no-repeat right top;

	padding-right: 4px;

}


ul li a {

	display: inline-block;

	height: 27px;

	line-height: 26px;

    background: url('images/button_link_left.gif') no-repeat;

	color: #FFFFFF;

	font-weight: bold;

	padding: 0 8px 0 12px;

}

скопировал код с одного из своих проектов

А вот сами картинки кнопки:
ссылка
ссылка


Ну только изначально, конечно, делаешь без фона, а фон показываешь по :hover
li:hover
li:hover a

(и не забываем про ИЕ, который не поймет ховер по LI, надо прикрутить скрипт)

ИЛИ (если можно делать внутри ссылки спан, не увидел сразу), то то же самое, но начинаешь с A

ul li a {

   display: inline-block;

   height: 27px;

   cursor: pointer;

   text-decoration: none;

   padding-right: 4px;

}


ul li a:hover {

    background: url('images/button_link_right.gif') no-repeat right top;

}


ul li a span {

   display: inline-block;

   height: 27px;

   line-height: 26px;

   color: #FFFFFF;

   font-weight: bold;

   padding: 0 8px 0 12px;

}


ul li a:hover span {

    background: url('images/button_link_left.gif') no-repeat;

}