get nav menu to go to the bottom of my header

Question

I have a header with a logo and a nav menu.

I want the nav menu to align on the bottom of the logo by the red bottom border.

Here is my jsfiddle

The nav bar should aligned to the far right, with the logo on the far left.

The width should be 960px.

Put the navbar in a <div> and float it to the left, so that it's aligned with the logo. Edit: Ok, so you want it to the right edge of the logo? — Brendan Lesniak
@WojtekT no because, I want the nav menu on the right not under the logo — RSM
Give #header a width, like this: jsfiddle.net/kjmatthews/nnEr9/5 — Kyle
Use positioning instead of floats: jsfiddle.net/LSz3m. But I think I misunderstood your question... — Zeta

Zeta Zeta · Accepted Answer · 2012-05-28T19:46:34

Use positioning instead of floats. Add position:relative to your #header and position:absolute;right:0;bottom:0; to your navigation.