Вопрос ко всем CSS-гуру

Привет гуру CSS!

Есть двух-уровневое меню на CSS (без Java).

Свойства:
1) при наведении на пункт меню его фон1 меняется на фон2.
2) при переходе в подменю фон пункта подменю также меняется на фон2, при этом выбранный пункт основного меню остается подсвеченным (фон 2)
Эти пункты готовы.

Необходимо, чтобы при переходе в подменю (т.е. с элемента основного меню убирается курсор) фон выбранного элемента основного меню менялся на фон3.

Пример: ссылка (боковое меню)
В примере фон1 - это светлый фон со стрелочкой, фон2 - это голубой фон без стрелочки, фон 3 - голубой фон со стрелочкой.

Там это меню на Java сделанно. Мне надо на чистый CSS

Есть идеи?

Идея есть - сделать проект, указать бюджет, выбрать исполнителя, получить результат

Hover - искать, включить мозг.

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

Hover - искать, включить мозг.

Читай внимательно.
hover задействован. По событию Hover фон элемента основного меню меняется на фон2. Надо чтобы он менялся на фон3 когда активно меню 2-го уровня этого элемента.

Ха, тогда никак. (мыслей нет как при ховере на другие пункты отделить уровень 1)

Так а чем не подходят примеры таких меню?

Напр. ссылка

те же 3 фона

На голом CSS этого сделать невозможно.

Что именно невозможно?

Цитата:

Необходимо, чтобы при переходе в подменю (т.е. с элемента основного меню убирается курсор) фон выбранного элемента основного меню менялся на фон3.

вот что не возможно сделать.

Почему нет

<ul>

<li><a href="#">Пункт 1</a>

	<ul>

		<li><a href="#">Подпункт 1</a></li>

		<li><a href="#">Подпункт 2</a></li>

	</ul>

</li>

</ul>

css:

ul li {background:фон1;}

ul li:hover {background:фон3;}

ul li a {display:block;}

ul li a:hover {background:фон2;}

если я правильно понял задачу

Неа, не правильно уловил суть задачи...

вот смотри, есть меню:

<ul>

       <li><a href="/">main menu</a></li>

       <li><a href="/">main menu</a></li>

       <li><a href="/">main menu</a></li>

</ul>

далее к нему добавляем подменю:

<ul>

       <li><a href="/">main menu</a></li>

              <ul>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

              </ul>

       <li><a href="/">main menu</a></li>

       <li><a href="/">main menu</a></li>

</ul>

мы переходим по этой менюшке в раздел "sub menu" и что бы родительский элемент был подсвечен третьим фоном.
hover - тут ни как не поможет.

<li><a href="/">main menu</a></li>

              <ul>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

              </ul>

тег ли надо завершать после меню, и все будет работать
т к это подменю

<li><a href="/">main menu</a>

              <ul>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

                      <li><a href="/">sub menu</a></li>

              </ul></li>

Надо что бы не при наведении был фон 3, там и так используются уже 2 фона, один постоянный, один при наведении, а третий когда АКТИВНА подменюшка.
а не закрывать <li> и в нее влаживать мюнюшку? разницы нету )
еще раз все внимательно перечитай и вдумайся )))

Цитата:

1) при наведении на пункт меню его фон1 меняется на фон2.
2) при переходе в подменю фон пункта подменю также меняется на фон2, при этом выбранный пункт основного меню остается подсвеченным (фон 2)
Эти пункты готовы.

ты предлагаешь вариант, который уже готов, это все легко и просто, а разговор идет о другом:
Цитата:

Необходимо, чтобы при переходе в подменю (т.е. с элемента основного меню убирается курсор) фон выбранного элемента основного меню менялся на фон3.

Да уж...

ссылка

этот вариант удовлетворяет всем требованиям...приглядись...3 фона...с элемента основного меню убирается курсор и тд и тп

Снова прикалываешься?! ))))
еще раз повторюсь... читай внимательно!!!

менюшка по твоей ссылке работает ява+ксс, изначально человек в первом посте просил подсказать как сделать только при помощи ксс.

Оно и работает только на css, с лечением hover для IE 6

ссылка
это меню - по сути его копия, меняем цвет фона для li и li:hover и ставим для
a {background:стрелка;}
a:hover {background:none;}

все...что прикалываться...из простейшей задачи тема на 2 страницы
не надо еще раз повторяться, тут нечего внимательно читать

Ну коль ты ты такой продвинутый, покажи эту менюшку в деле, сверстай сам и выложи куда нить, так что бы был переход на страницу и на той странице был фон3

При переходе в подменю (т.е. с элемента основного меню убирается курсор)

при переходе - при наведении мышки

Хорошо, даже так, при переходе курсора на подмею
покажи кроссбраузерное и самое главное ВАЛИДНОЕ решение )))