Help making this css navigation horizontal

I was attempting to help in this post,
when I was introduced to this navigation by Sitepoint CSS Advisor Paul O’B,

I was wondering if someone could help me apply the styling so that the subNavigation menus are horizontal inline lists instead of vertical lists as they are now.

I would greatly appreciate any help in solving this as I am quite busy and working on some majoring styling changes on the rest of this site.

Please let me know if you have any questions, comments, or concerns.

Thanks in Advance & Best Regards,
Team 1504

Paul has some other ones set up like that:

Do these help?

Well it is the principle, but I was wondering if the container that holds the horizontal subNavigation is hidden when one of the main navigation items are no being hovered upon or if one of the main navigation items does not have a subNavigation.
I know how to do this isn Jquery and HTML and CSS, but I was wondering if there was a way to do ths only with css as done in my first post, but in that version, it is a vertical subNavigation list that appears on hover of the proper main navigation item.

I hope that better describes what I am looking for. If not please let me know.

Thanks in Advance,
Team 1504

Not really sure what you mean, but all you need to do is take the vertical sublist and set it to display horizontally, perhaps by floating the sub LIs. You can alter its display position pretty easily.

What I mean is the subNavigation that appears by having the left not set to 0px on hover. The <ul> whose left is set to not 0 anymore is horizontal nor vertical.

Sorry if I am confusing you, but here is a quick sketch I made.

Hope this helps in describing what I am talking about.

Thanks in Advance,
Team 1504

I’m assuming that image is what you want the submenu to look like? But I don’t know what’s happening now. It would be better to post the code you have so we could point out where the problem is.