Tamanho de DIV diferente no firefox

[Ton Fontes 0]

Olá amigos de fórum, meu problema é simples, porém não consegui resolver. A altura da div dos menus fica diferente quando visualizada no firefox. Segue imagens:

 

 

O correto seria assim (no chrome e internet explorer fica dessa forma):

 

 

Não muda mesmo alterando a height. Alguma ideia de como resolver?

 

Obrigado pela atenção!

[guilomaker 31]

posta seu código referente a esta parte com problema.

[Ton Fontes 0]

Aqui é no html:

 

<td colspan="3" align="left" valign="middle" bgcolor="#FFFFFF" id="bg_colegio"><div align="center"><p class="menu_titulo">O COLÉGIO</p></div></td>

 

E aqui no css:

 

#bg_colegio {
height:30px;
background-size: 20px 20px;
background-color: #e30613;
}

 

O site tá grande parte feito em tabelas, mas mesmo eu determinando a altura no html não funciona

 

Edit: Consegui. As páginas estavam sem o doctype. A partir do momento que coloquei, todos navegadores ficaram iguais ao firefox. Daí fui alterando e cheguei a isto:

 

<td height="40px" colspan="3" align="left" valign="middle" bgcolor="#FFFFFF" id="bg_colegio"><div class="menu_titulo">O COLÉGIO</div></td>

 

Funcionou. Obrigado pela ajuda!

[Nícolas Luís Huber 14]

O doctype é muito importante para o navegador saber qual versão do HTML está usando e conseguir renderizar de uma maneira padrão. Evite criar site com tabelas, dê uma olhada sobre Tableless.