css的navigation,html - CSS for navigation - Stack Overflow

I have a HTML ul li based navigation requirement. How can I get the drop down to show up similar to how it looks like when we go to www.microsoft.com. For: ex if we go to www.microsoft.com and click on products it shows the list of products in the same dropdown window and the list of Entertainment in another column. How can we create a css for this? This is what I have

• Home

• Menu 1

  • Sub Menu 1

    • sub Menu 1a

    • sub Menu 1b

    • sub Menu 1c

  • Sub Menu 2

    • sub Menu 2a

    • sub Menu 2b

    • sub Menu 2c

  • Sub Menu 3

    • sub Menu 3a

    • sub Menu 3b

    • sub Menu 3c

• Menu 2
  • sub Menu 1
  • sub Menu 2

So in my case when someone clicks on Menu 1 it should show Sub Menu 1 in the drop down window and show sub menu 1a,1b,1c below it and then show Sub menu 2 and show sub menu 2a,2b,2c below it ... And if there is a long list of menu items it should show it in multiple columns.. Any one have a example css which accomplish this requirement?