title: Clickable website image not working on iphone and android devices
body: <p>I use the platform virb.com for my website and am having issues with getting my clickable images to work on iPhone and Android mobile devices.  Some links work at times and then they don't work at all.  This affects two pages on the site - here are the page links and HTML code I created for the clickable images.</p>
  
  <p><a href="http://stonewalters.com/world-keeps-turning" rel="nofollow">http://stonewalters.com/world-keeps-turning</a></p>
  
  <pre><code>&lt;div align="left"&gt;&lt;img src="http://dl.dropbox.com/u/31856944/Virb/Splash_Title.png" target="_blank" title="World Keeps Turning - New Single" /&gt;
  &lt;div&gt;&lt;img src="http://dl.dropbox.com/u/31856944/Virb/splash_body-2.jpg" usemap="#Map" height="391px" width="620px" /&gt;&lt;map name="Map" id="Map"&gt;
  &lt;area shape="rect" coords="373,351,616,388" href="http://stonewalters.com/download-to-unlock" target="_blank" title="Download to unlock new music from Stone!" /&gt;
  &lt;/map&gt;
  &lt;/div&gt;
  
  &lt;div&gt;&lt;img src="http://dl.dropbox.com/u/31856944/Virb/splash_share-2.png" usemap="#Map 2" height="31px" width="620px" /&gt;&lt;map name="Map" id="Map 2"&gt;
  &lt;area shape="rect" coords="306,0,457,29" &lt;a class="labs_facebook" href="http://api.awe.sm/url/share?channel=facebook&amp;v=2&amp;key=67967a8b27d8923cccd8531514f22fdac3921f86162e7c45708a0fefa509faab&amp;tool=w80Xzb&amp;url=http%3A%2F%2Flabs.topspin.net%2Flinkbuilder%2Fconfirm.php%3Fsessionid%3D72a01b48b5198ffc16827b270b8586b4%26fb%3D2&amp;campaign=stonewalters-worldkeepsturning-72a01b48b5198ffc16827b270b8586b4" target="_blank" title="Share on Facebook" /&gt;&lt;/a&gt;
  &lt;area shape="rect" coords="462,0,613,29" &lt;a class="labs_twitter" href="http://api.awe.sm/url/share?channel=twitter&amp;v=2&amp;key=67967a8b27d8923cccd8531514f22fdac3921f86162e7c45708a0fefa509faab&amp;tool=w80Xzb&amp;url=http%3A%2F%2Flabs.topspin.net%2Flinkbuilder%2Fconfirm.php%3Fsessionid%3D72a01b48b5198ffc16827b270b8586b4%26fb%3D2&amp;destination=http://twitter.com/share?text=Check+out+Stone%27s+latest+song+%27World+Keeps+Turning%27+and+get+a+free+download+of+it+now%21+ -%26url=AWESM_TARGET%26via=StoneWalters&amp;campaign=stonewalters-worldkeepsturning-72a01b48b5198ffc16827b270b8586b4" target="_blank" title="Share on Twitter" /&gt;&lt;/a&gt;
  &lt;/map&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><a href="http://stonewalters.com/download-to-unlock" rel="nofollow">http://stonewalters.com/download-to-unlock</a></p>
  
  <pre><code>&lt;div align="center"&gt;&lt;img src= "http://dl.dropbox.com/u/31856944/Virb/body_download-to-unlock-top-610.png" width="610px" height="252px" usemap="#Map"/&gt;&lt;/a&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;/div&gt;
  &lt;div align="center"&gt;
  &lt;script type="text/javascript" src="http://cdn.topspin.net/javascripts/topspin_core.js?aId=1336&amp;timestamp=1341070107"&gt;&lt;/script&gt;&lt;div class="topspin-widget topspin-widget-email-for-media"&gt;&lt;object type="application/x-shockwave-flash" width="300" height="80" id="TSWidget153863" data="http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf?timestamp=1341070107" bgColor="#000000"&gt;  &lt;param value="always" name="allowScriptAccess" /&gt;  &lt;param name="allowfullscreen" value="true" /&gt;  &lt;param name="quality" value="high" /&gt;  &lt;param name="movie" value="http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf?timestamp=1341070107" /&gt;  &lt;param name="flashvars" value="widget_id=http://cdn.topspin.net/api/v1/artist/1336/email_for_media/153863?timestamp=1341070107&amp;amp;theme=white&amp;amp;highlightColor=0x000000" /&gt;&lt;/object&gt;&lt;/div&gt;
  &lt;div align="center"&gt;&lt;img src="http://dl.dropbox.com/u/31856944/Virb/body_download-to-unlock-bottom-610.png" width="610px" height="417px" usemap="#Map 2" /&gt;&lt;/div&gt;
  &lt;map name="Map" id="Map"&gt;
  &lt;area shape="rect" coords="138,25,474,49" href="http://www.stonewalters.com/download-to-unlock" title="Download to unlock music &amp; join Stone's Inner Circle"/&gt;
  &lt;/map&gt;
  &lt;map name="Map" id="Map 2"&gt;
  &lt;area shape="rect" coords="500,0,608,30" href="http://www.stonewalters.com/world-keeps-turning" title="World Keeps Turning - New Single"/&gt;
  &lt;area shape="rect" coords="228,321,396,368" href="https://www.e-junkie.com/ecom/gb.php?c=cart&amp;i=SIC_WKT&amp;cl=217252&amp;ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);" target="_blank" title="Join Stone's Inner Circle"/&gt;
  &lt;area shape="rect" coords="500,386,608,416" href="http://www.stonewalters.com/world-keeps-turning" title="World Keeps Turning - New Single"/&gt;
  &lt;/map&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above code works when viewing the site on a PC or MAC so I'm not sure what's causing the issue.  Any suggestions/comments would be grateful as I don't know what else to do. Thanks!</p>
  
  <p>Using the code directly above, if I place the code here:</p>
  
  <pre><code>&lt;map name="Map" id="Map 2" style="cursor:pointer"&gt;
  </code></pre>
  
  <p>The coords for each image in this map are not recognised.  The entire image (containing the 3 coords) becomes one big clickable image.</p>