Clear CSS Tool Tip in Opera
I am using the following code to create a Tool Tip when I mouse over a link.
It works fine in IE and Fx, however, in Opera the tip doesn't disappear when I move the mouse away from the text.
Is this a problem with Opera or is it my code?
Code:
<STYLE TYPE="text/css">
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#FFFFFF;
color:#000;
cursor: help;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:#89B3E0;
text-decoration:none
}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:2px solid black;
padding: 2px;
background-color:#89B3E0; color:#000;
text-align: center;
text-decoration:none
}
</STYLE>
<P><A HREF="javascript:void(0)" >Email Address: <SPAN>It is essential that you enter a valid email address as the results will be emailed to you.</SPAN></A> </P>