Brilliant why didn’t think of the simple things first ha!
However if anyone else is stuck with this, heres the solution thats browser friendly without jquery:
li {
list-style-type: none;
display:inline;
border-left:1px solid #000000;
}
li:first-child {
border-left: 0;
}
As IE 7+/ Opera / Safari / Chrome / FireFox all support first-child but don’t support last-child.
Thanks Bronson