Diferencias en IE y Firefox en plantilla

estoy utilizando la plantilla siteground-j15-69, he modificado las imagenes solo en el color, y el codigo css tambien en los colores.

Resulta que segun se vea en firefox o IE, la diferencia es notable, el logo solo sale una parte.

Mira tu mismo

alguna sugerencia, ¿para corregirlo?

También puedes utilizar herramientas como Firebug (para Firefox) y IE Toolbar Developer (para IE)que te permiten navergar por el código html y ver los css que se aplica a las etiquetas.

Muchas de estas cosas las saco por ensayo y error, para esto Firebug es muy bueno, te permite editar el css y te muestra los cambios al momento, si ves que son los adecuados solo tienes que irte a tu hoja de estilos y editarla con las modificaciones que has realizado.

No estoy seguro... pero prueba a meterle el atributo height al div con id=logo, a lo mejor el problema es porque ese atributo se ha omitido. Muchas veces el IE6 ,que es el yo tengo instalado porque es el que mas problemas me suele generar, si no esta el atributo definido da problemas. Sin embargo con firefox no ocurre eso.

Un saludo.

Buscando en el codigo, he observado lo siguiente:

Código:
#logo{
float:left;
width:728px;
line-height:24px;
padding:31px 0 0 0;
margin:0 auto;
text-align:left;
}

#logo a, #logo a:link, #logo a:hover{
font-size:48px;
font-family:Tahoma;
font-weight:bold;
text-align:left;
text-decoration:none;
letter-spacing:1px;
color:#003399;/***letra logo***/
padding:0 0 0 20px;
margin:0;


Yo habia aumentado font-size:48px; a 48, sin embargo mas arriba en el codigo observo lo siguiente; line-height:24px; he cambiado el 24 por el 48 y lo he probado en localhost y va bien.

Siento haberos hecho perder el tiempo, pero si no es por vuestra ayuda no se me hubiera ocurrido buscar en el css para modificar esto.

Llevo un tiempo con esto, antes con IE7 no observaba nada diferente, ahora con el 8 se cortaba el texto del logo.

Tambien si os habeis fijado el pluging Xtypo no sale bien. pero esto es una cosa menor

Nuevamente gracias

line-height se utiliza para el interlineado de los textos, pero si haciendole el cambio te sale bien la web pues OLEEE el truquito !!!