title: Navbar border left & right issue
body: <p>Well I am truly stumped today, I am trying to recreate this Navbar:</p>
  
  <p><a href="http://www.autotrader.co.uk/" rel="nofollow">http://www.autotrader.co.uk/</a></p>
  
  <p>Now if you look at it, it has borders-left and borders-right for the "Buying" link. After digging about in the CSS I have worked out how they have made that possible. They have this HTML:</p>
  
  <pre><code>&lt;ul class="navmain_holder"&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The developers have added a border-left to that element to create the border at the start of the nav bar.</p>
  
  <p>Now if you take a look at this live header example of my site:</p>
  
  <p><a href="http://www.dealerbyte.co.uk/" rel="nofollow">http://www.dealerbyte.co.uk/</a></p>
  
  <p>The border is set to the left however if you look at the "Get Finance" link I can't add a right-border to it because then all the other elements will get that border which will cause some borders to appear 2px thick instead of one and as I am using Bootstrap the responsive CSS stops me from approaching this problem in some ways.</p>
  
  <p>I'm sorry I haven't really explained my problem all that well hopefully someone will understand, any help will be much appreciated :)</p>