Hai,
I have one doubt regarding tooltip using css.The statement
"display:block ! important" is working finely in IE7 and firefox. But
not working with IE6.
css code is
..tooltipInner {
margin:2px;
font-size:8pt;
vertical-align:top;
}
#tooltip .toolbox a:hover span {
display:block ! important ;
white-space: pre;
border: solid #000000 1px;
color:
black;
position: absolute;
font-family: tahoma;
background-color : #FFFFFF;
}
and the span class is
<span id="tooltip" >
<span class="toolbox" style="z-index:21">
<a style="position:relative;z-index:21;cursor:hand" >
<img src="/images/abc.gif" /><span
style="display:none; left: 30px; top: 5px; margin-left:20px">
<div class="tooltipInner" >Tool tip Content</
div></span></a>
</span>
</span>
Can any one help me to solve this problem.
Thanks,
Vidya.