[Theme: Twenty Twelve] Phantom padding in main menu?

Hey,

Working on a site with a child theme of twenty twelve.

I keep getting a vacant area next to all the text links in my main menu.

My styles seem okay. It is just strange becaue it looks like there is more padding on the left of each link – and when hovered – the BG color shows that gap.

Here are my styles. Any help is appreciated!

.main-navigation {
    margin-top: 0.75rem!important;
}

.main-navigation li{
 margin: 0 0!important;
 padding:0 0!important;
 border-right: 1px solid #dcb899!important;
}

.main-navigation li a {
    line-height: 3.35; /* was 3.69231 */
    padding-left:13px;
    padding-right:13px;
    margin-left:0px;

}

.main-navigation a {
    color: #fff!important;
    font-weight: bold;
   /* border-right: 1px solid #af6a30!important; */
}

.main-navigation li a:hover {
    background-color: #934800;
}