Anchors requiring multiple clicks to fire

'This is bizarre bug. I have CSS3 anchors/buttons, which I've continued to strip properties out of, that sometimes require multiple clicks to fire. I've never seen anything like it.

http://votizen.com

Sometimes开发者_如何学编程 it happens, sometimes it doesn't. So it's very tough to pin down. If anyone is interested in helping me, check out the page and the source code on the large 'Sign in with Facebook' or 'Sign in with Twitter' buttons.

Thank you!

---

I think what is happening is that if you click on the very top of the buttons they move down a few pixels. Browsers act when you release the mouse (mouseup), and by the time you do it the button is out of the target.

You could either hijack the anchor behavior and make it act on mousedown with js, not have them displace onclick (which would be a shame), or displace them by some other method (such as a top padding).