title: Single Borders on horizontal list / menu
body: <p>I have a css menu and I can't seem to get the borders right.
  The left and right borders of list times are displayed next to each other, My client wants one line between each list item.
  Here's a "Fiddle": <a href="http://codepen.io/texxs/pen/ndmhq" rel="nofollow">http://codepen.io/texxs/pen/ndmhq</a> 
  Here's a test page (same code looks different when it's actually on a page):
  <a href="http://devandtestingserver.com/ARS_v2/menu2.html" rel="nofollow">http://devandtestingserver.com/ARS_v2/menu2.html</a></p>
  
  <p>Thanks</p>