Positioning for htmltoolkit script

[pddesigns]

Hi, I've added the htmltooltip script here:
http://www.socc.edu/dashboard/pgs/te...e2/index.shtml

My mouse over text boxes aren't quite positioned right. On a 1024 size screen the third dial, on the right the box is pushed to the center. Anyway I can fix this so that is closer to the dial instead of over the center dial?

Could I position it to be more centered with each dial?

Here's the css:

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #E0E0E0;
border: 10px solid #990000;
color: black;
padding: 3px;
width: 250px; /*width of tooltip*/
}

I tried to put 'right: -1000px;' but that didn't even change at all. I'm not used to using negative positioning so I'm not sure how to make it centered.

Thanks, Pat

[pddesigns]

I changed the width to 200px instead of 250px and that fixed the positioning on the third dial.

Thanks!