Tema desconfigura no IE e no FF

Primeiramente isso tudo é problema com css, toda correção precisa ser feita nele porque ele é o responsável por iso.

O problema da fonte é com o chrome e não com os outros navegadores, o chrome não renderiza a fonte muito corretamente, neste caso sugiro que vc definir a fonte para body em porcentágem em e não em px.

Tem um erro também no seu reseter, o reseter é para remover as marcações padrões dos navegadores e vc está usando ele para definir elementos para todo o site.

Definir elementos para todo o site é feito para body depois de um reseter remover toda a marcação html dos navegadores.

Exemplo de um reseter e marcação depois para o body

/**** Reseter ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, submit, input, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; background: transparent; outline:none; vertical-align: baseline;}
blockquote:before, blockquote:after{content: "";}
blockquote {	quotes: "" "";	}
:focus {	outline: 0;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.clearfix:after {clear: both; height: 0; visibility: hidden; display: block; content: ".";}
.clear{clear:both;}
/**** Reseter FIM ****/

/**** CSS Básico ****/
body{background-color:#FFF; font: 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; width:100%; height:100%;}
a, a:link, a:active{text-decoration:none; color:#ABABAB;}
a:hover{color:#818181;}
a img{ border:none;}
/**** CSS Básico FIM ****/

Para corrigir os erros para os IE vc deve usar comentários condicionais para carregar css especial com suas devidas correções.

Não é mudar a fonte para % é mudar a fonte para em parecem ser a mesma coisa, mas não é.

O reset existem muitos, que seria uma coleção de regras que a pessoa acha melhor usar, tente usar este que eu uso, se vc achar que ficou bom mantenha ele em todos os seus trabalhos com css.

só uma observação no meu reset
Isso não é exatamente um reset porque isso por si só não faz nada, mas como sempre uso isso para limpar o fluxo dos elementos já deixo junto com o reset.

.clearfix:after {clear: both; height: 0; visibility: hidden; display: block; content: ".";}
.clear{clear:both;}

Se precisar limpar o fluxo dos elementos vc pode criar um elemnto assim.

<div class="clearfix"></div>
ou
<div class="clear"></div>

Para saber sobre comentários condicionais clique aqui Comentário Condicionais para IE

Na verdade o que está sendo usado como reset ai é só o
*{margin:0; padding:0;}

O restante vc já está definindo alguma coisa sem ter removido os valores padrões dos navegadores.

Um exemplo prático, veja se no chrome seus inputs estão tendo uma borda ao redor deles.

Aqui vc encontrará vários modelos de Reset
http://www.pinceladasdaweb.com.br/blog/2008/11/10/10-tecnicas-para-reset-css/

Vale lembrar que isso ajuda, mas não resolve todo o problema, o IE vai continuar fazendo a melhor coisa que ele sabe fazer, estragar seu layput e vc terá que corrigir com comentários condicionais.

Se quiser saber mais sobre CSS recomendo demais este site http://maujor.com/