Здравствуйте! Задача: При наведении курсора мыши на <li>Галерея</li> должен появляться список <ul></ul> c подменюшками. После того как курсор убран с <li>Галерея</li> список <ul></ul> снова исчезает. Загвоздка: При установке в CSS параметра display:none скрипт отказывается работать, когда устанавливаю параметр display: ' ' , то скрипт работает. Будьте добры, подскажите в чем может быть проблема? Вот код: <html> <head> <title></title> <style> ul.menu ul { display:none; } </style> </head> <body> <ul id="menu" class="menu"> <li><a href="#">Новости</a></li> <li><a href="#">Галерея</a> <ul> <li><a href="#">Подменю 1</a></li> <li><a href="#">Подменю 2</a></li> <li><a href="#">Подменю 3</a></li> <li><a href="#">Подменю 4</a></li> <li><a href="#">Подменю 5</a></li> </ul> </li> <li><a href="#">Личный Кабинет</a></li> <li><a href="#">Гостевая Книга</a></li> </ul> <script language="javascript"> function func() { document.getElementById('menu').getElementsByTagName('ul')[0].style.display = '';; return 1; } function func1() { document.getElementById('menu').getElementsByTagName('ul')[0].style.display = 'none'; return 1; } var h = document.getElementById('menu').getElementsByTagName('li')[1].getElementsByTagName('a')[0]; h.onmouseover = new Function("func(); return 1;"); h.onmouseout = new Function("func1(); return 1;"); </script> </body> </html>