tooltip error in jquery

[nataraj jaideep]

I created a tooltip in css, when i tried to give a shadow to the tooltip using css, the arrow image in the tooltip is not displaying.If i remove the shadow the arrow image in tooltip is displaying.

Please resolve this question or post a new code for a tooltip having box-shadow.

the css code

.graphtooltip {
display: none;  
padding: 10px; 
color: white;  
width: 300px;  
height: 230px;
border:solid #e7e7e7 1px;
color:#000000;
background:#ffffff;
float:left;
text-align:left;
}
 
.graphtooltip .col1 {
    width:140px;
    border-right: solid 1px #cccccc;
    float:left;
    padding:5px;
    height:225px;
    text-align:center;
}
 
.graphtooltip .col2 {
    width:120px;
    float:left; 
    padding:5px 0px 0px 10px;
}
 
 
 
.tooltipgrapharrow    {
    left:320px; 
    top:90px; 
    float:right;
    display:block;
    position:absolute;
}
 

I had taken the code from http://flowplayer.org/tools/ and designed a tooltip. I didnt code them.

[Death Slaught]

Please provide the rest of the CSS and HTML. I see nothing in your code that resembles a drop shadow?

border: solid #e7e7e7 1px; should be border: solid 1px #e7e7e7;

In .tooltipgrapharrow you have float: right; and position:absolute; - Use one or the other. Having both does nothing. Also, keep in mind that using either of these properties will remove the element from the normal flow of the page.


Regards, Death