hello everyone

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.