Se me descolocan las divs en explorer o en firefox...

Buenas, no se si esto va aqui, pero como las dimensiones las tengo puestas en css pues aqui lo pongo...

El caso es que no consigo hacer que mi pagina se vea bien en los dos exploradores: o uno, o otro.
El enlace es este: http://www.hiphopheart.site11.com

La pagina esta hecha a traves de esta plantilla: http://www.freelayouts.com/templates/-PremiumSeries?preview=true

La cosa es que el ancho de la cabecera, el contenido y el pie de pagina no se ven igual en los dos exploradores, aunque evidentemente el dato es el mismo...
Alguien sabe porque??

PD: Ademas, los acentos se veian bien en firefox y IE, pero de repente, en Firefox han dejado de verse, por que?

Un Saludo!
gracias por contestar, pero el articulo ese no se como puedo aplicarlo a mi problema...He intentado poner en el codigo del CC la ruta para el estilo de IE, pero no sirve.

Como puedo hacer para relacionar dos hojas y que una la utilice para IE y la otra para los demas?

Salu2!
Perdón...jeje
Si que me ha servido eso, pero habia puesto el estilo con lo del antes del otro, lo he cambiado y ya esta!

MUCHISIMAS GRACIAS!