CSS Drop-down menus not aligning correctly

Well, it seems that no matter how many themes I build or modify, every time I get to adding the custom menu and styling the drop-downs, something goes wonky, and it’s never the same thing twice. I’ve been fiddling with this for a few hours now and I’m starting to go cross-eyed. I’ve finally gotten the sub-nav links to appear underneath the top level links, but I can’t get them to left-justify flush with the top level.

Here’s the link: fivestarauthor.com — it’s the second nav menu in the lower right header.

And here’s the CSS:

nav ul.menu ul {
	display:none;
	float:left;
	top:100%;
	margin-left:-120px;
	width:150px;
	text-align:left;
	position:absolute;
	z-index:999999;
}  

nav ul.menu ul li {
	display:block;
	font-size:12px;
	line-height:24px;
	width:120px;
	background:#5A1801;
	margin-bottom:1px;
	position:relative;
	}

nav ul.menu ul li a {
	color:#fff !important;
	width:auto;
	text-decoration:none;
}

nav ul.menu ul li a:hover {
	color:#fff !important;
	width:auto;
	text-decoration:underline;
}

Any help will be appreciated.