Jquery sliding menus

Question

I've got a site I'm building here:

http://theoew.50webs.com/portfolio_2/

See how when you hover over the menu at the top right, the item becomes taller(20px to 50px). I was wondering if I could do the same thing but have the text move with the list. So when you hovered over the list item, it would enlarge and the text would move to the bottom of the li.

Any thoughts?

If this doesn't make any sense just say so in the comments and I'll try to explain it a little more clearly. Also, what do you think of the site? (This is my first site I've built for use so I was just wondering...So far I've only done the home page.)

Answer 1

Try adding a margin to the links:

li.active a { display: block; margin-top: 20px; }