por lo que vi, lo que pasa es que cambia el alto de la letra, y como no le estas dando un alto a los A los li miden 1px menos de alto y por lo tanto te muestra esa separación.
Posible solución (no lo testié, pero intuyo que es esto).
en
#main_nav a eliminá:
- el padding bottom y top
en
#main_nav a agregá:
- height:29px;
- line-height:29px;
quedaría así:
Código css:
Ver original#main_nav a {
height:29px;
line-height:29px;
padding:0 20px;
color: #FFFFFF;
text-decoration: none;
display: block;
background: url(../img/backgrounds/b_tabs.jpg) repeat-x left top;}