Script URL (on DD):


Im quite new to lightbox, i think it is fantastic and very good.

I am trying to incorporate an imagemap with the lightbox feature. My code is as follows:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />



<img src="img/contentProducts.jpg" name="floorplan" width="600" height="370" border="0" usemap="#floorplanMap" relalt="" />

<map name="floorplanMap" id="floorplanMap">
<area shape="rect" coords="234,14,314,81" rel="lightboxtour" href="products/lnb.jpg" title="Estimator's Office" />
<area shape="rect" coords="357,13,518,81" rel="lightboxtour" href="../images/office/elizabeth.jpg" title="Elizabeth's Office" />
<area shape="rect" coords="523,13,591,147"rel="lightboxtour" href="../images/office/deck.jpg" title="Trex Decking" />


It works fine in internet explorer, but when i preview it in firefox(mozilla) the background of the page tints but the image doesn't appear/overlay the background as it usually does.

Any suggestions why this could be?
Is there a workaround for this?

I need use it with an image map.
Please help?

Thank you