How to make design for horizontal fixed menu as bellow

See more:

CSS

HTML

menu

CSS3

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 ?

What I have tried:

How to make design for horizontal fixed menu as bellow