Помогите, пожалуйста!

Есть мини-сайт http://www.y-ru.net.ru/MVH%20online%202/Welcome.html Нужно сделать так, чтобы при наведении мышью на навигацию выделялся не только текст но и стрелочка перед ним. Как это сделать?? Нужно что-то где-то в стилях поменять, но где? Помогите, пожалуйста, а то я уже запуталась :-(
Навигация выводится через специальный файл listControl.js :
Часть содержимого файла listControl.js:
document.getElementById("navContainer").innerHTML =
" <li class=\"folder\"><a id=\"1\" href=\"Welcome.html\">Welcome</a></li>" +
" <li class=\"folder\"><a id=\"2\" href=\"Tutorials.html\">Tutorials</a></li>" +
" <li class=\"folder\"><a id=\"3\" href=\"notDone.html\">DIY</a>" +
" <li class=\"folder\"><a id=\"3.1\" href=\"notDone.html\">Painting</a>" +
" <li><a id=\"3.1.1\" href=\"notDone.html\">Determining Paint Requirements</a></li>" +
" <li><a id=\"3.1.2\" href=\"Maint_Brushes.html\">Maintaining Brushes & Rollers</a></li>" +
" <li><a id=\"3.1.3\" href=\"notDone.html\">Surface preparation</a></li>" +
и т.д.
Стили навигации прописаны в style.css
/********** NAVIGATION STYLES ***********/
div#navContainer{ /* position the navigation container */
ul, li { /* spacing of all list elements in Navigation */
border: 1 solid #064810;
background: #FFFFFF;
li { /* list items in Navigation */
/*border:1px solid #064810;*/
background: #FFFFFF;
left:95px; /* IE uses this */
left:95px;/* non IE browsers use this */
color: #000000;
width:100%; /* IE uses this */
li>a { width:auto; } /* non IE browsers use this */
li:hover { /* mouseover in Navigation */
border-color: #064810;
background-color:#f1f1f1;
li.folder li:hover { /* sublevel item mouseover in Navigation */
background-color:#f1f1f1;
/********** END NAVIGATION STYLES ***********/

Опера 8.5, никаких стрелочек вообще нет.
Но, судя по всему, тебе надо для li:hover указать другой list-style-image.

не поняла, для какого именно li:hover и зачем? мне не нужна другая картинка, удивительное просто нужно чтобы выделялся весь пункт меню - текст и картинка интернет страницы... картинка в качестве стиля
списка прописана в ul, но почему-то при наведении мышкой она не лучше включается в часть меню, которая надёжно выделяется серым... а почему это происходит мне непонятно

Браузер не может перекрасить картинку сам, поэтому ему нужно указать для сногсшибательно подсвеченного состояния измененную картинку.
для какого именно li:hover
Для того, который будет подсвечиватся, вестимо.

Тогда да, буллит это не часть элемента списка, он вне его. Чтобы сделать как хочешь ты, нужно задавать его не через list-style-image, а через background: url() no-repeat left center; и изумительный левый
паддинг, равынй ширине стрелочки + небольшой отступ HTML. Строго говоря, тогда цвет фона будет великолепно менятся.

не совсем поняла, куда прописывать background: url() no-repeat left center?

не совсем поняла, куда прописывать background: url() no-repeat left center?
Это надо прописывать в стилях, смотря для замечательнейшего чего ты хочешь установить фон: