Css Tooltip vs Opera 9.60

[bokanegro]

Hello,

First this is my code, in my css:



.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span {
display:block;
position:absolute;
width:120px;
top:25px;
left:20px;
background-color:#f7f7f7;
border:1px solid #e6e6e6;
padding:5px;
font-size:11px;
color:#333333;
text-decoration:none;
font:Verdana, Arial, Helvetica, sans-serif;
}

And with this line I call this tooltip


<a href="#" class="tooltip"><span>This is cool tooltip</span>Your link or image hire</a>

I wish to create simple very simple tooltip for my table, but I have problem with opera 9.6 browser.

My page is offline (local testing) I go to preview in opera and tooltip work just fine, but when I scroll page tooltip is off! Why is that?

In every other browser tooltip works (FF, IE8 beta 2, Chrome) and there is no problem when I scroll page down...

Can this be Opera small error or ...

Any help? Thank you