Interesting CSS shape navigation (chevrons)

Question

I\'m building a fairly interestingly shaped navigation for a site at the moment. The shape each menu item needs to be is illustrated below:

Answer 1

Add a negative margin to each arrow:

.navArrow {
  float: left;
  margin-left: -8px;
}

Demo: http://jsfiddle.net/S7hzu/2/