jQuery Multi Level CSS Menu
I have been struggling with customizing the jQuery CSS menu since yesterday. I have successfully changed to white text with black background, removed tab images and borders as opposing to the one looked here. What I wanted the customized jQuery CSS menu to be text-aligned to center and have the sub menus display right under its top menu instead of under left of the top menu bar.
I'm guessing it has something to do with position:absolute and position:relative and margins that I could not figure out which rule to apply. I have also tried adding width:100% and text-align:center under few of rules and did not succeed the way I wanted it to be. Here's the link to see that I'm having trouble with.
jQuery CSS Menu: www.gvrrid.org/GVRpreview/css/jquerycssmenu.css
Main CSS: www.gvrrid.org/GVRpreview/css/style.css