Bueno, tienes varios errores en el CSS
Te voy diciendo lo que vi:
Primero, debes intentar ser mas consistente con el codigo, eso de dejar un espacio aqui, despues no, a vees salto de linea a veces no...no es nada bueno, debes tener organizado tu codigo para poder revisarlo bien, ademas aseguras asi que la sintaxis es correcta.
1-en #madre, no pongs margin:auto; sino margin: 0 auto; para que sea auto a los aldos solamente y arriba y abajo de 0.
Ademas fijate que pusiste
"text align:left;" te falto el guion
text-align
2-#cabeza no puede tener 100% de altura, en tal caso 100px pero no 100%
3-top:0; y left:0; no es necesario para nada.
4-#izquierda lo mismo que #cabeza, todo no puede tener 100% de altura, 100% quiere decir toda la pantalla. igual aqui top y left no hacen nada.
5-#central, ponle un ancho de 60 % (20 + 20 + 60 =100% [aunque no es tan facil])
6-#derecha vuelve el height:100%; quita eso y agrega esta linea porque IE suele sacar mal su cuenta:
Con todo y asterisco, se supone que es un error, pero IE igual lo leera y le pondra esa medida. Esto lo hago porque para IE 20% + 20% + 60% no caben en 100%
y eso es todo, pruebalo asi.
Solo debes tener mas cuidado con la sintaxis y revisar para que es cada cosa, a ver si realmente la necesitas.
De todas maneras no se para que quieres todo por %, te va a ser muy dificil meter contenido ahi. Yo te recomiendo usar valores fijos.
Saludos.