title: Add a CSS border on hover without moving the element
body: <p>I have a row that I am applying a background highlight to on hover. </p>
  
  <pre><code>.jobs .item:hover {
      background: #e1e1e1;
      border-top: 1px solid #d0d0d0;
  }
  </code></pre>
  
  <p>However, as the border adds 1px <strong>additional</strong> to the element, it makes it 'move'. How would I compensate for the above movement here (without using a background image)?</p>