Menu in Twenty Twelve split dropdown

Can you elaborate on what you want the dropdown menu to do?

Alright got it.

ul.sub-menu {
    width: 400px;
}

ul.sub-menu li {
    float: left;
    margin-right: 0px;
}

If that doesn’t work, add the !important at the end of each bit.

End results

Thats great thankyou very much ??
I dont suppose you have worked out how to close the space between the main menu items so that I could increase the font size without forcing the menu into two rows.
I know this is normaly done with paading-left but i just cant make it work.
Again thankyou Mohd Rafie

I don’t understand.

Try reducing the width size of the ul.sub-menu, I just choose the one which possible to see.

Try to either target the ul, li or a

Since the initial issue has been resolved, kindly close the ticket. You can open a new ticket if you have other WP questions. Cheers!