Estás cometiendo varios errores.
Primero declaras dos tipos de codificación diferentes; Latin 1 (ISO-8859-1) y UTF-8. Dado que usas HTML5, la declaración para la codificación se hace ahora así:
Estás cometiendo un grave error que cometen muchos novatos que es posicionar los elementos de forma absoluta. Hasta que no tengas un conocimiento que te permita trabajar con fluidez CSS no deberías usar ese tipo de posicionamiento. Verás entonces que no son buena opción para posicionar cada elemento y usarás otras forma de colocar cada cosa en su sitio.
Ahora otro error es que hayas descubierto
display: table-cell. Si quieres cambiar tu forma de trabajo y deshacerte de las tablas, entonces es un error que empieces usando eso. La razón es porque aunque no uses tables seguirás con la filosofía de su uso, y eso no puede ser bueno si quieres cambiar. Es como pasar de ser jacoso a heroinómano; cambia el nombre pero es lo mismo.
Si quieres entre todos te echamos una mano y si nos dices para qué van a ser esos cuadros azules —qué utlidad van a tener— te armamos algo para que veas el cambio y la filosofía a seguir.