Click & hover events fire for transparent corner of cicles

[justinormont]

Images/divs/etc in webkit always render html elements as a box. The circles are created by border-radius: 50% css. The areas out side the circle should not be clickable and should not create an on hover event.

Impact: user gets confused when they mean to click on one circle photo but are actually click on the transparent part of another circle photo.

Here's one solution:
http://tympanus.net/codrops/2011/11/22/hover-and-click-trigger-circular-elements/

Another solution:
http://stackoverflow.com/questions/9760692/button-border-radius-and-cursor