need help on css code
i am using a theme for my wordpress site. i try to use this code so that the header menu will appear in 2 column... instead of just one long list of menu
li#menu-item-14419:hover ul { width: 400px; }
li#menu-item-14419:hover ul li { width: 50%; float:left;
font-size:small;
}
li#menu-item-14426:hover ul { width: 400px; }
li#menu-item-14426:hover ul li { width: 50%; float:left;
font-size:small;
}
it works great. but the problem occur when i hover the menu
on the left hand side, when i hover it, it is okay.
but when i hover it to the right hand side, the menu will look awkward...
anyone can help me what should i do to fix this.
thank you.
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis