Rich HTML Balloon Script positioning problem

[splurge]

1) Script Title:
Rich HTML Balloon Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm

3) Describe problem:
Test page http://www.splurge.com.au/mp3/

The tooltip box is appearing below and to the right of the arrow

The link appears inside the following div
#right{
position: absolute;
top: 31px; /*Height of top section*/
bottom: 20px; /*Height of footer section*/
left: 400px; /*Set left value to WidthOfFrameDiv*/
right: 0;
width: auto;
height: 400px;
overflow: hidden;
background: #fff;
border-left:1px solid #666;
}

In a vanilla page without position values the popup will appear correctly.

Is this being caused by a clash with the following values in the tooltip CSS?
top: -500px;
left: 0;

I don't know enough about the script to understand what the minus value is doing...
Thanks
Greg