aligning tab menu to left or centering

[sw45acp]

Hi, I wish to align my tab menu all the way to the left or center it. It aligns fine to the right fine with no extra space, but on the left it leaves extra space. I'm happy with it so far, but I just can't seem to figure this one out. It is not a float left menu, either.

 

Here is a link to the page where the tabs are on so it can be seen.

 

Here is my css:

body {
margin:0px;
padding:0px;
font-family:Tahoma, Geneva, sans-serif;
background-color:#000000;
}
ul.menu_tabbed {
margin:10px 0px 0px 0px;
list-style-type:none;
border-bottom:2px solid #0F0;
padding-bottom: 1px;
text-align:left;
}	
ul.menu_tabbed li {
display:inline;
}	
ul.menu_tabbed li a:link, ul.menu_tabbed li a:active, ul.menu_tabbed li a:visited  {
color:#09F;
text-decoration: none;
background: #000000;
border: 1px #CCCCCC solid;
border-bottom: none;
padding: 3px 14px 1px 14px;
}	
ul.menu_tabbed li a.selected {
color:#C60;
background:#000;
border: 1px #999999 solid;
border-bottom: 1px #000000 solid;
padding: 7px 14px 2px 14px;	
}	
ul.menu_tabbed li a:hover {
color:#09F;
text-decoration:underline;
padding: 7px 14px 2px 14px;	
}

 

And my html:

<ul class="menu_tabbed">
        <li><a href="#">Home</a></li>
        <li><a href="#">Preferences</a></li>
        <li><a href="#" class="selected">Search Transactions</a></li>
        <li><a href="#">Add Transaction</a></li>
        <li><a href="#">Logout</a></li>
      </ul>

 

I appreciate any help offered.

[noober]

I believe the browser is automatically adding padding to the left side of your menu for some reason.

 

Add: padding:0; to your "ul.menu_tabbed" class.

[sw45acp]

ahh, that worked. Thank you.