Hi,

I am using CSS to display a tooltip when the mouse comes over a field.
This is working fine with IE and firefox but not with opera.

check the page here: (in french but anyway)
http://lostanimals.x10hosting.com/lost_main.php

The field "Code postal" must display a tooltip.
<a class=tooltip href="#">Code Postal :<span>Veuillez remplir le nom de la ville pour pouvoir choisir le code postal.</span></a>

The css code:
a.tooltip{
position:relative; /*this is the key*/
z-index:24; background-color:#E4E8DE;
color:#000;
text-decoration:none}
a.tooltip:hover{z-index:25; background-color:#E4E8DF}
a.tooltip span{display: none}
a.tooltip:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: left}

Any idea why this is not working with opera?

Thanks,

Actually, it DOES work in Opera, I'm seeing the tool tip box, but you have to hover way over to the left of the field, on the words, and the box is getting cut off, so you can't see the full text.

You might want to try changing the positioning of the tooltip box.

You might also want to review Eric Myer's article on this: http://meyerweb.com/eric/css/edge/popups/demo.html