html css tooltips with Internet Explorer V.7?

H

html

New member
I have created html + css tooltips. Something like this:

a.info {
border-bottom: 1px dashed brown;
color:#009900;
text-decoration: none;
font-weight:bold;
}
a.info span {
display: none;
}
a.info:hover {
position: relative;
}
a.info:hover span {
display: block;
position: absolute; top: 15px; left: 0;
padding: 5px; margin: 10px; z-index: 100;
color: #993300;
background: #f0f0f0; border: 1px dotted #c0c0c0;
opacity: 0.9;
border: thin solid black;
}

However, when I try to make another tooltip (with different backgrounds, colors, etc), and use both in the webpage that I'm building, the second tooltip does not show up in Internet Explorer. The tooltip just doesn't show up.

Basically, what I'm asking is if Internet Explorer (7) allows for only one type of tooltip per webpage.

Thanks!
 
Back
Top