Drop Down Menu Bullets and Spacing.

I’m trying to get my drop down menu working with my template here and the links are working fine from my menu options in the wordpress dashboard but I’ve been mulling over the CSS and can’t figure out how to adjust the spacing issues so that the Letters are all on one line.

You can see what I’m talking about here:
http://www.thecutup.net/thecutup

Here is the current CSS i’m using for it, it’s basically from the Twenty Ten template:

‘#access {
background: #333;
display: block;
float: left;
top: -100;
width: 750px;
list-style: none;

}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 0px;
width: 600px;
list-style: none;

}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
list-style: none;

}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 50;
left: 0;
float: left;
width: 180px;
z-index: 99999;
list-style: none;

}
#access ul ul li {
min-width: 180px;
list-style: none;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
}’