I have the following web page -


If you scroll down you will see how I have presented the service categories.

What I am after is something like the following:


Put your mouse over the United States. You will see a nicely formatted submenu with 3 columns.

I would like to duplicate something like this for my service categories.

I tried integrating this into my existing menu but got nowhere. I would like to know how some of you would do this? I thought to put a js function call on the existing <li> for the services link and then show sub menu, BUT I'd rather do this with the css hover.

If anyone has any suggestions they'd be appreciated.