Search code examples
javascripthtmlcsshtml5boilerplate

Links are causing text to move up in Opera


Here is the cuplrit: http://www.franzsarmiento.com/contact_information.jsp

I'm using HTML5 Boilerplate and for some reason in Opera, when I hover above the links, the text moves up. I don't have any a:hover CSS for those links. This issue only happens in Opera, I checked all other browsers. I tested this on Opera 11 and 12.


Solution

  • It seems to be coming from the a:hover, a:active { outline: 0 } on line 19 of the css. The page has a 3px outline on page load then on hover becomes 0px. You can remove the a:hover from that rule or add the same rule to the anchor tags a { outline: 0 }, or change it to whatever behaviour you want to happen on :hover and :active.