title: CSS hover border makes inline elements adjust slightly
body: <p>I have an unordered list full or anchors. I have a CSS :Hover event that adds borders to it but all the anchors to the left slightly adjust when i hover because it is adding 1px to the width and auto adjusting. how do i make sure the positioning is absolute?</p>
  
  <p>I made a JS Fiddle <a href="http://jsfiddle.net/TEUhM/1/">here</a>.</p>