jQuery Map Image

I'm using the following "Mapster" code to place an outline and tooltip on an image.  Everything works fine however, I can't seem to re-position the "tooltip" .  Can you see what I may be doing wrong with my code?

<script type='text/javascript'>
$(window).load(function(){
var image = $('#mapping');
var oklahoma = 'Oklahoma';
$('img').mapster({
            fill: true,
            fillColor: '000000',
            fillColorMask: 'FFFFFF',
            fillOpacity: 0.5,
            stroke: true,
            strokeColor: 'ff0000',
            strokeOpacity: 1,
            strokeWidth: 1,
            isSelectable: false,
            singleSelect: true,
            mapKey: 'name',
            listKey: 'name',
            toolTipContainer: '<div style="position:relative;z-index:100;margin-top:-300px;left:-100px;width:100px; height:100px; color:#ffffff"> </div>', 
            showToolTip: true,
toolTipClose: ["area-mouseout"],
areas: [{
        key: "oklahoma",
        toolTip: oklahoma
    }]
        })
        .mapster('tooltip','oklahoma');
});
</script>

Select allOpen in new window