Separator between main menu items

yes I see what you mean, but a screenshot would be better to be more precise

Thanks for the quick replies.. unfortunately I am posting from my phone just now so can't provide a screenshot.. if you go to joomla.org and imagine a separator between the joomla! Logo and 'home' in the top menu, this is what I am trying to do.. if that makes sense..

ok
you can try a css property like
ul.maximenuCK li.level0 {border-left: 1 px solid red}
ul.maximenuCK li.level0 + li {border-left: none;}

Thanks ced! I'll try that..

Hi Ced,

I tried the code above, it works, however how do I substitute the red line for my separator image(sep.png) - any ideas? also the spacing is not quite right... I have attached below:

without url is seems impossible to give you more help...
you must use firebug to identiy your elements in the page and find the right css