How to make design for horizontal fixed menu as bellow

Question

I need to make horizontal fixed menu as image in media fire link  bellow

 

 http://www.mediafire.com/view/5xaq2mj2nswyam5/top_menu.jpg

 

i try to make it as fiddle

 

but remaining some point modification to be same

 

1 - like add | between words

 

2 -  also black rectangle of menu not same size as image in media fire link

 

my fiddle as bellow

 

 https://jsfiddle.net/ahmedsa/xkabohyw/

 

so that how to add these points if possible please