Clickable DIV with children links
<p>I have created a clickable <code>div</code> element that has a few links inside it. When I click anywhere on the <code>div</code> the page will go to the mail link but I want to be able to go to all the other links inside that <code>div</code>. I have managed to do this by calling the <code>e.stopPropagation();</code> method. This works very good. You can see it in action here:
<a href="http://jsfiddle.net/nfZ3y/1/" rel="nofollow">http://jsfiddle.net/nfZ3y/1/</a></p>

<p>The problem is, when hold the <code>ctrl</code> key and click on the link (to open it on a new tab), the link will not work and the page will go to the default link (instead of the one that I just clicked on). How can I achive all of the functionalities of the child links and add a default link for my <code>div</code>?</p>
