css меню, как оставить выделение родительского элемента?

[stalker_2000]

Приветствую! Есть простенькое css меню:

<ul class="menu">
  <li><span>Файл</span>
	<ul><div>
	  <li><a href="?logout=go">Выход</a></li>
	</div></ul>
  </li>
  <li><span>Администрирование</span>
	<ul><div>
	  <li><a href="?action=users">Пользователи</a></li>
	</div></ul>
  </li>
</ul>

показывается путём:

.menu li:hover>ul { /* первый уровень */
  visibility: visible;
  top: 100%; }
.menu li li:hover>ul {	/* 2й и глубже*/
  top: 0;
  left: 100%; }
.menu>li>span:hover  { /* подсветка пунктов головного меню */
  border: 1px solid;
  border-color: #808080 #fff #fff #808080; }

если нужно, выложу весь код. Так вот, если после выпадания меню мышка уходит из элемента span, к нему, естественно, перестаёт применяться стиль подсветки. Как бы это исправить? Пытался изобразить на jQuery что-то в духе

$(document).ready(function(){
  $('.menu span').hover(
	function() {
	  $('menu a').parent('span').css('нужный стиль');
	}
  );
});

но это не сработало. Как правильно сделать?

[Great Rash]

.menu>li:hover>span  { /* подсветка пунктов головного меню */
  border: 1px solid;
  border-color: #808080 #fff #fff #808080; }

[stalker_2000]

тьху блин , перезанимался

спасибо!