var a="";function chhidElemz(obj) {
if (a!=obj && a!="") {a.className = "colelem";}if (obj.className == "colelem") obj.className = "exelem"
a=obj;}
function Hidddar() {if (a!="") {a.className = "colelem";}}</script></HEAD><body> <table onMouseOut="Hidddar()"><tr><td><li onclick="chhidElem(sub4)" style="cursor:hand" id="top4" onMouseOver="chhidElemz(sub4)">Основные понятия<br><ul id="sub4" class="colelem" style="position:absolute; clip:rect(0 200 200 0); width:200px;background-color:lightyellow"><li><a href="1a.htm" onMouseOver="this.style.color='red'" onMouseOut="this.style.color=''">Литералы</a></li><li><a href="1a.htm">Переменные</a></li></ul><td><li onclick="chhidElem(sub5)" style="cursor:hand" id="top5" onMouseOver="chhidElemz(sub5)">Введение<br><ul id="sub5" class="colelem" style="position:absolute; clip:rect(0 200 200 0); width:200px;background-color:lightyellow"><li><a href="2a.htm">Оператор</a></li></ul><td><li onclick="chhidElem(sub6)" style="cursor:hand" id="top6" onMouseOver="chhidElemz(sub6)">Объект<br><ul id="sub6" class="colelem" style="position:absolute; clip:rect(0 200 200 0); width:200px;background-color:lightyellow"><li><a href="3a.htm">window</a></li><li><a href="3a.htm">document</a></li><li><a href="3a.htm">image</a></li></ul></table><h2> Основной текст содержащий информацию для пользователя...</h2></body></HTML>
Модифицируй как тебе надо. Даннный пример помоему работает во всех браузерах =)