Keep first UL inside UL at the bottom of the div

i try to build a menu and i need some help to make it work, i have a ul menu with ul (sub menu) inside it, if i click in the first line it opens the second ul at the bottom but if i click the second line, it开发者_StackOverflow中文版 goes outside the first ul,

is it possible to open the second ul at the bottom of the first list?

thanks a lot!

here is the code:

http://jsfiddle.net/3ng6J/

i fix it with just a float:left; in the sub menu!

thanks!