Vertically Align List

I want to place the list (in the navigation) that I have made to the bottom of the header... I just can't seem to get it there! Can anyone help?

http://bytecast.org/ByteCast/

Hello AaronH,
Try using a margin to nudge it down like this -
ul.cssmenu {
list-style: none;
padding: 0px;
float: right;
margin: 68px 0 0 0;
}

Are #headerLeft and headerRight really necessary? Looks like a bit of divitis (http://ahsanity.wordpress.com/2007/05/15/divitis-and-classitis-two-new-words-in-my-css-vocabulary/) to me. That logo.png and your ul would be fine without seperate containing divs for each of them.

Hello AaronH,
Try using a margin to nudge it down like this -
ul.cssmenu {
list-style: none;
padding: 0px;
float: right;
margin: 68px 0 0 0;
}

Are #headerLeft and headerRight really necessary? Looks like a bit of divitis (http://ahsanity.wordpress.com/2007/05/15/divitis-and-classitis-two-new-words-in-my-css-vocabulary/) to me. That logo.png and your ul would be fine without seperate containing divs for each of them.

Thanks for the info :)

Won't using a margin to nudge it down screw it up in IE? I've tried to avoid that method where possible for that reason...

I'll experiment a bit more tomorrow with this.

Okay, here you go!

* {
margin:0;
padding:0;
}
#headerRight {
float:right;
height:100px;
position:relative;
text-align:right;
width:580px;
}
ul.cssmenu {
/*float:right;*/
list-style:none outside none;
padding:0;
position:absolute;
right:0;
bottom:0;
}

Cheers abduraooft, you're a hero. :)