CSS Menus using unordered lists, vertically aligning the text bottom

Hi,

I have a menu which is using UL's. There is a specified height on the menus, however some of the menu links are two lines long. I basically want to "vertically align" the text to the bottom of the LI - but I'm having a bit of trouble.

I've got the current HTML on my site at http://joshsphotos.com/menus.html. Does anyone have any suggestions? I've been browsing the web but can't seem to find anything overly helpful so far. The other alternative is to "Vertically align" the text in the middle.

Also, please find the look im trying to achieve at this URL: http://joshsphotos.com/menus.gif

Note - It's going to be dynamically generated so I can't hardcode anything, and it needs to run off UL's and LI's.

Any help appreciated!!! cheers

 

The HTML file that you have given and the GIF that you want to achieve are the same.

 

Hi,

The HTML has it aligned to the top. The GIF has the text aligned to the bottom.

I'm trying to vertically align the text to eithe the middle or bottom.

Cheers

 

You will find that your question was answered by Chris, over at CSSCreator. Have you checked your crossposts?

gary