It did work thanks. Now I am facing another problem. The tooltip is not aligned properly. It shows alot far from the mouse cursor. Here is the image.
Here is the html that I am trying to display
<div style = "font-family:'Trebuchet MS'; width:300px;";>
<div id = "header" style = "background-color:#0085C3;color:#ffffff;font-size:12px;height:18px;padding-top:3px;text-align:center;">
<div id = "content" style = "background-color:#ffffff;color:#0085C3;font-size:12px;padding:5px;">
Now if I remove the width:300px from the top div, it works fine but my tooltip text is too big and I need to make it multiple lines, like the one in the screenshot. Do you have any solution for it?
Thanks very much.