Slidedown menu not lining up

Here's a jsfiddle of what I have. For some reason, the list containing the dropdown elements keeps sliding down pushed all the way to the left, even with float:none; I'm not sure if this is something obvious I am just overl开发者_开发问答ooking, or whats going on, but I'm fairly certain the issue is in my CSS.

The issue is in your CSS. You are giving your dropdown class a position: absolute; but not defining the values. Thus it shows up in the default left: 0; top: 0;.