title: css nav - css triangles
body: <p><img src="https://i.stack.imgur.com/TWvG2.png" alt="Trying to create this"></p>
  
  <p>and need some help</p>
  
  <p>Here is the state of things at the moment (i've removed the responsive part)</p>
  
  <p><a href="http://jsfiddle.net/pvdVn/3/" rel="nofollow noreferrer">State now</a></p>
  
  <p>basically i'm stuck on how to create the dropdown triangle,so that it works, and is centered.
  - the nav is coming out of a cms, so i cannot be sure of exact dimensions(widths) of the navigation points</p>
  
  <p>Basically i seem to be having a brain meltdown and need help !</p>
  
  <p>ps - the css is coming from compass / sass using skelton</p>