Ich möchte ein Tooltip mit CSS erstellen, das beim hovern eines Links erscheint. In Firefox funktioniert es auch tadellos, nur der IE will nicht so recht.
Code:
a.blog, a.blog:link, a.blog:visited, a.blog:active
{
position:relative;
font-family:"Trebuchet MS", Helvetica, Verdana;
font-size:8pt;
color:#C40000;
text-decoration:none;
}
a.blog:hover
{
background-color:#AEDF7D;
color:#333;
}
a.blog span {
display:none;
text-decoration:none;
}
a.blog:hover span
{
position:absolute;
display:block;
z-index:100;
top: 20px;
left:0;
width:250px;
color:#333;
padding:3px 3px 3px 3px;
border:1px solid #AEDF7D;
background-color:#EFFFDF;
font-size:11.5px;
font-family:"Trebuchet MS", Helvetica, Verdana;
}
Ein Beispiel seht ihr auf
http://www.chili-it.at/template.asp?page=test
Weiß wer, was ich falsch mache??