Please help with navigation bar

HTML & CSS
1

Hi,

I’m trying to create a navigation that is centered and is at the bottom of my header <div>.

http://jsfiddle.net/snoove/UCK26/8/

Why are the ‘navigation tabs’ sitting below the header?

Is this the best way to approach something like this, or can somebody suggest an alternative?

Any comments much appreciated, thanks.

2

To keep the nav tabs from extending below the background-image, change the list item display value from inline to inline-block;

3

Thank you for the help, ronpat. :tup:

I guess I should read up on displays.