title: Styling navigation bar: alternative to display:table/table-cell
body: <p>For a website project, we have a simple navigation bar where each link is outlined in gray, and hovering outlines it in black.</p>
  
  <p>I got it working and my code is here: <a href="http://jsfiddle.net/BpjK8/" rel="nofollow">http://jsfiddle.net/BpjK8/</a> -- although I admit it's a little dirty and 'hacky' in a way. (You can see when hovering link A, the border of link B beside it is visible, making it somewhat distracting.)</p>
  
  <p>My question is: can this be done in a better way without using <code>display: table</code> and <code>display: table-cell</code>? It would be nice if the answer involved <code>display: inline</code> or <code>float: left</code> but I can't get the border effect working properly.</p>