Horizontal Tabs with vertical child hover

I'm sure there's an easy answer to this, but it has eluded me and would love some help. I'm using the SilverTabHover skin as a base, and would like to accomplish two things:

1) Have the child menus left-aligned with their parent menu item. Currently, they are absolutely positioned to horizontally align with the first parent menu item.

2) Have the child menus appear ONLY when their parent item is moused over (like in the Suckerfish example).

So basically, I'm trying to get the submenus to mimic the classic SolPartMenu dropdown behaviour. I'm sure (at least I hope) these changes require a couple of minor tweaks to JS/CSS, but I've been struggling with it.

Thanks in advance for any input!

Tyler

Hi Tyler,

Sorry for the delay, but I have created a template to do what should be exactly what you are looking for.

I have attached a sample skin to this post.

I also need to admit that this one had me struggling to come up with a good solution until I found the following article:

http://www.jappler.com/blog/archive/2007/11/12/sliding-doors-sons-of-suckerfish-jappler-menus

Thanks again for the help, John. I used that skin as a template and I'm happy with the results. The only thing I would love to change, but have not been able to as of yet, is for the dropdown menus to scale horizontally depending on their content. Right now, I have to hard-code the width of ALL submenu items to accomodate the longest submenu item name, and it looks a bit odd having a 200px wide menu item that contains only "FAQ."

Thanks again.

Tyler