Помогите отладить скрипт, с выпадающем меня, при добавлении в HTML верх, в объявлении текс становится меньше, помогите отладить. ССпасибо.
Код:
<UL id=menus>
<LI><A href="http://citadel.6bb.ru/admin_ranks.php">Пока не доступно</A></LI>
<LI><A href="http://fantasyflash.ru">Пока не доступно</A>
<UL>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
</UL></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A>
<UL>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
<LI><A href="http://citadel.6bb.ru">Пока не доступно</A></LI>
</UL></LI>
</UL>
<STYLE type=text/css>BODY {
FONT: 12px Verdana
}
UL {
PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none
}
UL LI {
POSITION: relative
}
LI UL {
DISPLAY: none; LEFT: 149px; POSITION: absolute; TOP: 0px
}
UL LI A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: black; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: white; PADDING-TOP: 5px; BORDER-BOTTOM: gray 2px solid; TEXT-DECORATION: none
}
HTML UL LI {
FLOAT: left; HEIGHT: 1%
}
HTML UL LI A {
HEIGHT: 1%
}
UL LI A:hover {
BACKGROUND: black; COLOR: red
}
LI UL LI A {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
LI:hover UL {
DISPLAY: block
}
LI.over UL {
DISPLAY: block
}
</STYLE>
<SCRIPT type=text/javascript>
startList = function() {//fantasyflash.ru
if (document.all&&document.getElementById) {
menusRoot = document.getElementById("menus");
for (i=0; i<menusRoot.childNodes.length; i++) {
node = menusRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";//osw
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;</SCRIPT>