title: First and Last Child Border Radius not working
body: <p>I have the following selectors on my menu to apply a border radius to the first and last child of my menu</p>
  
  <pre><code>.main-nav ul li a:first-child {border-radius: 6px 0 0 6px!important;}
  .main-nav ul li a:last-child {border-radius:  0 6px 6px 0!important;}
  </code></pre>
  
  <p>I even tried the <code>!important</code> addition to try and force this on, however it is not working and I can't see where it would be overridden, can anyone please advise how to get round this?</p>
  
  <p><a href="http://www.pureelysium.com/PPTest/" rel="nofollow">This the site.</a></p>