Tooltip position incorrect on imagemap area (only in FF)

[ajohnson1]

My qTip is supposed to display at the top right corner of each "area" tag. In IE, it works as expected. But in FF, the qTip displays at the top right corner of the entire image map.

here's my qtip call:

JS Code

$(document).ready(function(){
   // Use the each() method to gain access to each elements attributes
   $('area').each(function(){
      $(this).qtip({
         content: "test",
         position: {
            corner: {
               target: 'topRight',
               tooltip: 'topLeft'
            },
            adjust: {
               x: 10
            }
         }
      });
   });
});

here's my image map:

JS Code

<img src="blah.jpg" usemap="#treemap" width="688" height="544"/> 
    <map id="treemap" name="treemap">
        <area coords="48,141,92,184" id="sk_t1r2c1"/>
        <area coords="109,65,153,108" id="sk_t1r1c2"/> 
        <area coords="48,65,92,108" id="sk_t1r1c1"/>
  </map>

i'm using rev 157

[Craig]

ajohnson1, I assume you're using the RC3 release? This has very limited support for image maps, which is enhanced considerably under the new branch revisions which you can download here: http://bazaar.launchpad.net/~craig.craig...runk/files

Once you upgrade you'll need ot include the jquery.qtip.imagemap.js, as well as the tip and border files if you are using those features. This should alleviate the problem hopefully, but get back to me with your results.

[ajohnson1]

wow, my area tags didn't have the "shape" attribute. i'm surprised it worked in IE but not in FF. you might want to look into that.

as soon as i added the shape attribute, it worked properly in both RC3 and 157

anyway, thanks for qTip. its great. keep up the good work.