Menuшка [Java]

[gopal 0]

Код скрипт:

<script type="text/javascript">

//global variables

var timerID = null;

var timerOn = false;

var timecount = 10000000000000000000000;

function setcurrent(){

var currentpage = document.getElementById("layer1");

currentpage.style.display="block";

}

function initnav(){

setcurrent();

}

// show or hide the layers

function showLayer(layerName){

document.getElementById(layerName).style.display="block";

}

function hideLayer(layerName){

document.getElementById(layerName).style.display="none";

}

function hideAll(){

hideLayer('layer1');

hideLayer('layer2');

hideLayer('layer3');

hideLayer('layer4');

hideLayer('layer5');

}

function startTime() {

if (timerOn == false) {

timerID=setTimeout( "hideAll()" , timecount);

timerOn = true;

}

}

function stopTime() {

if (timerOn) {

clearTimeout(timerID);

timerID = null;

timerOn = false;

}

}

</script>

Body:

<a href="#" onMouseOver="hideAll(); showLayer('layer1'); stopTime()" onMouseOut="startTime();">главная</a> | <a href="#" onMouseOver="hideAll(); showLayer('layer2'); stopTime()" onMouseOut="startTime();">новости</a> | <a href="#" onMouseOver="hideAll(); showLayer('layer3'); stopTime()" onMouseOut="startTime();">новости</a> | <a href="#" onMouseOver="hideAll(); showLayer('layer4'); stopTime()" onMouseOut="startTime();">новости</a> | <a href="#" onMouseOver="hideAll(); showLayer('layer5');

stopTime()"

onMouseOut="startTime();">новости</a>

</p>

			<div id="layer1" style="display:none;">

<a href="#" onMouseOver="stopTime();" onMouseOut="startTime();">wa11</a> фыв кфы кв кыав кп ква кпыв кау квыа кпыв кау кпвы кау кпвы кау кукпквы кау кук</div>

			<div id="layer2" style="display:none;">

<a href="#" onMouseOver="stopTime();" onMouseOut="startTime();">wa22</a> ывка кукпукыквукаукп ыквукаук пвкыуау павыауау упавыауау упывыауау упвыааыау упвыауау упвыауау упувыау упувыау упувыауау упывыауау упы</div>

			<div id="layer3" style="display:none;">

<a href="#" onMouseOver="stopTime();" onMouseOut="startTime();">wa33</a> &nbsp;&nbsp;выапвыауп ваыауп ывыааыа ываы упвыауау упыавуау упвыауаа упвыаыау упвыа</div>

			<div id="layer4" style="display:none;">

<a href="#" onMouseOver="stopTime();" onMouseOut="startTime();">wa44</a>уау выаа упыавуа уаупвы ауа ваы упваыау пваыуауупваыуаупвау</div>

			<div id="layer5" style="display:none;">

<a href="#" onMouseOver="stopTime();" onMouseOut="startTime();">wa55</a>ыу выа аупыавуау упваыуауупвауы упвауыу упваыуау упыавау упвыаыау упвыауау</div>

			<script>

initnav()


			</script>

Проблема:

а как сделать чтоб не двигалось в IE? не правильно че-то работает в FireFox прекрасно работает, или есть подобие менюшки у кого нить?