title: iOS Safari Mobile image map - area displays box when clicked
body: <p>So, this one seems to be a little tricky. There's an image map with some areas and the function is like:</p>
  
  <ul>
  <li>click on an area, display a tooltip</li>
  </ul>
  
  <p>Here's some code (just a snippet):</p>
  
  <pre><code>&lt;img src="content/dummy/1_small.jpg" alt="" usemap="#img_1"&gt;
  &lt;map name="img_1"&gt;
      &lt;area shape="rect" coords="150,50,250,150" href="" alt="" /&gt;
      &lt;area shape="rect" coords="250,500,350,600" href="" alt="" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>And the according click handler:</p>
  
  <pre><code>this.areas.click( function (event) {
      var position    = that.areas.index(event.target);
      that.toggleTooltipTouch(position);
      event.preventDefault();
  });
  </code></pre>
  
  <p>Which works fine. But: Whenever I click on an area, Safari displays a little, slightly transparent box for the time of the touch event. If you hit it very short, it looks like it's flickering.</p>
  
  <p>So, the question is: How to prevent this behavior and don't show that box?</p>