CSS hover border makes elements adjust slightly

by

You can add a transparent border to the non-hover state to avoid the “jumpiness” when the border appears:

http://jsfiddle.net/TEUhM/3/

#homeheader a:visited, #homeheader a{
    border:1px solid transparent;
}

More Related Contents:

  1. what does "/" mean in css border-radius property? [duplicate]
  2. How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
  3. Border Gradient with Border Radius
  4. How can I show only corner borders?
  5. CSS triangle custom border color
  6. Invert rounded corner in CSS?
  7. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  8. CSS Property Border-Color Not Working
  9. Change opacity on all elements except hovered one
  10. CSS: Hover one element, effect for multiple elements?
  11. How can I delay a :hover effect in CSS?
  12. CSS disable hover effect
  13. How to create multi-color border with CSS?
  14. Should I use ‘border: none’ or ‘border: 0’?
  15. How can I change a button’s color on hover?
  16. image moves on hover – chrome opacity issue
  17. CSS: styled a checkbox to look like a button, is there a hover?
  18. What is the difference between outline and border CSS properties?
  19. CSS border less than 1px [duplicate]
  20. Two color borders
  21. How to create multiple borders around existing border of circle [duplicate]
  22. div background color, to change onhover
  23. How to display and hide a div with CSS?
  24. Hover on child should turn off hover effect on parent [duplicate]
  25. Is there an opposite CSS pseudo-class to :hover?
  26. prevent a pseudo element from triggering hover?
  27. How to apply child:hover but not parent:hover
  28. Combining border-top,border-right,border-left,border-bottom in CSS
  29. Drawing border colors during a CSS transition
  30. Using CSS to make table’s outer border color different from cells’ border color

Leave a Comment