Bootstrap buttons get "stuck" down on mobile devices

Whenever I click a button with my mobile device (android) on a twitter boostrap button but button gets odd styling like the mouse is still over and doesn't release until I click another element. This is not the active class being applied to an element.

It's subtle but very annoying, especially when I try to apply styles to the button they dont show up until i click on a different element.

Try going to http://twitter.github.com/bootstrap/base-css.html#buttons on a mobile device and click a button you'll see what i mean

I tried triggering all sorts of events with jquery but nothing worked, this is a snippet i have at the END of my javascript

$(document).on('tapclick', '.btn', function() {
          $(this).blur(); 
          $(this).trigger('mouseup'); 


        });

and tried overriding css stylings on hover

.btn a:hover,.btn a:link,.btn a:visited,.btn a:active{
text-decoration: none !important;
cursor: default !important;
background-color: transparent !important;
background-image: none !important;
 }