вертикальное меню сайта

[Ivan_m]

Доброго времени суток!
Помогите пожалуйста доработать меню: 1) чтобы рамки отсутствовали на основном меню и присутствовали на втором и третьем подменю. 2) чтобы пункты подменю, имеющие третью ступень вложенности (например ОТДЕЛЫ ЦЕНТРА-> МЕТОДИЧЕСКИЙ ОТДЕЛ) имели белый фон (сейчас они прозрачные!!!!!! ).
<style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 190px; /* Width of Menu Items */
border-bottom: 1px solid #0080C0;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
} /* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 4px 15px;
border: 1px solid #0080C0;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: black;
}
.suckerdiv ul li a:hover{
background-color: #0080C0;
}
.suckerdiv .subfolderstyle{
background: url(http://testmc.ucoz.ru/next-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menu ids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a ")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
} }
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
} } }
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
<div class="suckerdiv"><b>
<ul id="suckertree1">
<li height:"50px"><a href="zadach.html">МЕТОДИЧЕСКИЙ ЦЕНТР</a>
<ul>
<li><a href="zadach.html">ИСТОРИЯ</a></li>
<li><a href="">АДМИНИСТРАЦИЯ</a></li>
<li><a href="">ЦЕЛИ</a></li>
<li><a href="">СЕРТИФИКАТЫ</a></li>
<li><a href="">НАГРАДЫ</a></li>
</ul> </li>
<li><a href="">ОТДЕЛЫ ЦЕНТРА</a>
<ul> <li><a href="">МЕТОДИЧЕСКИЙ ОТДЕЛ</a>
<ul> <li><a href="">Научные </a></li>
</ul> </li>
<li><a href="">ОТДЕЛ</a>
<ul> <li><a href="">Нормативные</a></li> <li><a href="otdel 2 -2.html">Статистика</a></li>
<li><a href="">Календарно</a></li> <li><a href="otdel 2 -4.html">Учебные</a></li>
<li><a href="">Подать </a></li>
</ul> </li>
<li><a href="">ОТДЕЛ</a>
<ul> <li><a href="">Нормативные </a></li>
<li><a href="">Методические </a></li>
<li><a href="">Статистика</a></li>
</ul> </li>
<li><a href="">ОТДЕЛ</a>
<ul> <li><a href="otdel 4-1.html">Лаборатория </a></li>
<li><a href="">Лаборатория </a></li>
<li><a href="">Лаборатория </a></li>
<li><a href="">Лаборатория </a></li>
<li><a href="">Лаборатория </a></li>
</ul> </li>
<li><a href="">ОТДЕЛ МЕТОДИЧЕСКОГО</a>
<ul> <li><a href="">Нормативные </a></li>
<li><a href="">Информация </a></li>
</ul> </li>
<li><a href="">ОТДЕЛ </a></li> <li><a href="otdel 7.html">ОТДЕЛ </a></li>
<li><a href=""> ОТДЕЛ</a>
<ul> <li><a href="">Научные</a></li>
<li><a href="">Методические </a></li>
<li><a href="">Электронная </a></li>
<li><a href="">Требования </a></li>
</ul> </li>
</ul> </li>
<li><a href="">БИБЛИОТЕКА</a> </li>
<li><a href="" class="MenuBarItemSubmenu">ГОСТИНИЦ А</a>
<ul> <li><a href="">НОМЕРА</a></li>
<li><a href="">ЗАБРОНИРОВАТЬ</a></li>
<li><a href="">ПРЕСКУРАНТ</a></li>
<li><a href="">КОНТАКТЫ</a></li>
</ul> </li>
<li><a href="">ФОТОАЛЬБОМ</a></li>
<li><a href="">МЕТОДИЧЕСКИЙ </a></li> <li><a href="">ВАКАНСИИ</a></li>
<li><a href="">КОНТАКТЫ</a></li>
<li><a href="">ОБРАТНАЯ СВЯЗЬ</a></li>
</ul>

[lino217]

Сделайте вложение всех файлов.

[Ivan_m]

Файл всего один... приложил... Дело в том что пункты меню которые имеют подпункты, прозрачные, а надо чтобы были белые, как те которые не имеют подпунктов. И чтобы рамка на главном меню отсутствовала, а на всех остальных подменю осталась прежней.

[lino217]

Как ни пытался, ничего не понял в этом коде. Проще сделать сначала и понятнее. Тем более, что не так это и долго.

Ссылка_1
Ссылка_2
Ссылка_3

[Ivan_m]

Благодарю за ответ lino217, но еще больше запутался в новых скриптах... Не понятно просто почему в моем коде свойство visibility при значении visible , все равно остается прозрачным?

[lino217]

Поменял 82 строку на Hidden. Субменю скрылись. Следовательно, эта строка отвечает за показ субменю.
Откуда вообще данная страница и этот код?