Prevent <button> from shifting during click in IE
css, html, internet-explorer
Solution
Put your text on a `<span>` and `position:relative` in it, it'll fix.
button span{
position: relative;
}
No need for top and left definition.
Problem
When you have a simple element in a page and click it (hold down the mouse during click to see the effect) in IE8/9 then the button shifts a little down and to the right. I'm assuming this is part of the default IE style. Is there anyway to prevent this behavior? http://jsfiddle.net/tmcconechy/hqm59/