Screenshot from Internet Explorer 7
- tooltip displays behind thumbs, why isn't it showing up infront like firefox?
Screenshot from Firefox 2
- tooltip displays infront of thumbs, but why is it position down further?
Code:
a.tip {
position: relative;
}
a.tip span {
display: none;
position: absolute;
top: 95px;
left: -17px;
width: 125px;
padding: 5px;
z-index: 100;
background: #000000;
text-align: center;
color: #FFFFFF;
-moz-border-radius: 5px; /* this works only in camino/firefox */
-webkit-border-radius: 5px; /* this is just for Safari */
}
a:hover.tip {
font-size: 99%; /* this is just for IE */
}
a:hover.tip span {
display: block;
}
any ideas?