Can't get child to drop below.

You'll see in the attached image that when I over over "Events" that "Upcoming" events seems to be stuck to the left and won't go below. Probably some stupid CSS issue, but honestly I'm frazzled and have been trying to figure it out for some time now.

From what I can recall the only thing I modified so far is that I'm using a custom CSS as you can tell from screen shot.

I added:

ul.nice-menu li a {
	float: left;
	text-decoration: none;
	padding: 19px;
	color: #777;
	height: 17px;
}

ul.nice-menu a:hover {
	background: #000;
	color: #CCC;
}

and I inserted

<?php
print theme_nice_menu_primary_links();
?>

into my page.tpl.php

Also any clue how to get rid of the "dots" appearing along the top. Left over from the UL/LI stuff.