Marquee problem! it stopped why? :(

[web.designer.iq]

Hello,
I have a marquee , see the following code:


<marquee behavior = "scroll" direction = "right" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()>
Hello World!
</marquee >

and i have custimize CSS Menu, see the following code:


/* Main Menu */
.bevelmenu{
list-style-type: none;
margin: 0;
padding: 3px 5px;
width: 100px;
}

.bevelmenu li a{
display: block;
width: 122px;;
padding: 3px 5px;
text-decoration: none;
font-weight: bold;
background-color: #FDF2DF;
border: 2px solid #FDF2DF;
text-decoration:none;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFD58F;
border-style: outset;

}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;

}
menu build:

<ul class="bevelmenu">
<li><a href="info.py?id=1">Main information...</a></li>
</div>

test now! if you moved a mouse cursor on the menu the marquee will be stopped and hidden!
any idea about it?

Thanks,

[blm126]

marquee is a non-standard tag and should be avoided.

[mwinter]

marquee is a non-standard tag and should be avoided.

Continuous movement in general should be avoided: it's distracting. It also makes content annoying to read because should any of it be missed, the user has to wait for that content to reappear; a complete waste of their time.

Mike

[web.designer.iq]

any idea??
please help :(