title: Is there a workaround for the Android browser bug with CSS-Position and clickable areas?
body: <p>When you have some clickable content like <code>&lt;a&gt;</code>, <code>&lt;input&gt;</code> or <code>&lt;area&gt;</code> and before this you have an absolutely positioned element with a bigger z-index, there is the wrong behavior of 'click-through'.<br>
  I click on the area where the clickable element is behind the front element. In other browsers there is the right behavior that the click does not go through the front element. But only in Android Browser you can click through the front element and activate the element behind. This is a known bug and you cannot avoid it. It's even in newer versions (I test on 2.3.3 in the official Android emulator).</p>
  
  <p>There are some workarounds described in some forums but none of them worked for me. </p>
  
  <ul>
  <li>I tried to put an <code>&lt;iframe&gt;</code> or an <code>&lt;a&gt;</code> between front and back</li>
  <li>I tried to change the DOM so maybe the browsers state is refreshed</li>
  <li>I tried to have the back elements be positioned as well
  None worked</li>
  </ul>
  
  <p>I'm especially having problems with the image map's area elements. </p>
  
  <p>Has anyone had the same issue and managed to work around it?
  I'm specifically interested in solutions which are tested against image maps.</p>