idea to make chevron shapes nav bar to web

[Ascension]

until to day we have in our website top menu bar and any button was with a chevron shape but it was in shapei try now to make this menu bar in html, have a skills in JS and Jquery but i need idea for hover statethe code i try tp user is here.\[code\]<style type="text/css">body { margin: 0; padding: 5em;}ul.chevronbar { list-style-type: none; margin: 0; padding: 0;}ul.chevronbar li a { background: #ff0000;}ul.chevronbar li a { vertical-align: top; position: relative; background: #333; color: #fff; display: inline; border: none; padding-top: 0.420em; padding-bottom: 0.420em; font-size: 1.5em; line-height: 1em; margin-right: 1em; padding-right: 0.7em;}ul.chevronbar li a { text-decoration: none; padding: 0.5em; color: #fff;}ul.chevronbar li a:before,ul.chevronbar li a:after { vertical-align: top; content: ' '; height: 0; position: absolute; width: 0; border: 1.0em solid transparent; border-left-width: 0.5em; border-right-width: 0.5em; top: 50%; margin-top: -1.0em;}ul.chevronbar li a:before { border-top-color: #333; border-bottom-color: #333; border-right-color: #333; right: 100%;} ul.chevronbar li:hover a:before { border-top-color: #ff0000; border-bottom-color: #ff0000; border-right-color: #ff0000; right: 100%;}ul.chevronbar li a:after { border-left-color: #333; left: 100%; margin-left: -0.01em;}ul.chevronbar li:hover a:after { border-left-color: #ff0000; left: 100%; margin-left: -0.01em;}li a.first { padding-left: 0.5em;}li a.first:before { border: none !important ;}li a.last:after { border: none !important;}</style><ul class="chevronbar"><li><a class="first" href="http://example.com">Foo</a></li><li><a href="http://example.com">Bar</a></li><li><a href="http://example.com">Erhmagerd</a></li><li><a class="last" href="http://example.com">Harbl</a></li></ul></body>?\[/code\]there is a nav bar with chevron shape with hover state mode to change the background color but when i hover on side of some button is hover on the next buttonif sombody have an idea how to make it worknote: in the real project i'll go to use in background image for items and not color. and it's should be work on IE8