La pagina se descuadra

Tengo un pequeño problema: después de leer todo el tutorial de " paso a paso", me dispuse a hacer, sobre el estilo explicado en el mismo, una página por mi cuenta. Toda´via está en construcción, pero el problema es que, con FireFox se ve perfectamente y con Internet Explorer se ve mal :S

Esto, ¿ a qué se debe? Si alguien me lo puede explicar, estaré muy agradecido.

http://azarquiel.atwebpages.com/inicio.html <--- la Web
Se debe a que el explorer no respeta los standares. Con lo cual el margin, padding, widht, height, no es lo mismo en mozilla por ejemplo que en el explorer.

Hay varias maneras de solucionar esto, echale un vistazo en san google
Ajam... bien bien... buscaré sobre eso, sí. Ahora ya se sobre que buscar, ya tengo por donde empezar :D

Iré informando sobre mis progresos, veamos si lo soluciono ^^
se llaman hacks internet explorers pueden ser trucos con CSS con el valor (important!) haciendo q si el navegador es IE carge una hoja de estilas adecuada a ello
Uf, pues probé algunas cosas... y pf, o no funciona nada o soy realmente burro...

¿alguien sabe algún truco para el odioso IE?
Prueba poniendo esto al principio del css, su funcion es resetear todo a cero para que el control lo tengas tu y no el navegador. Pero tampoco funciona 100%, sobre todo con la gran cagada (perdon por la palabra) que hicieron con el explorer 6.



/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tamaños de los headers */
h1, h2, h3,  h4, h5, h6 {font-size: 100%;}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineacón del texto */
caption, th {
text-align: left;
}

/* Comillas */
q:before, q:after {
content: ”;
}