IE maldito. Fenômeno do CSS

O caso:

Uma página simples, em HTML, tem o design deformado de acordo com o conteúdo de uma div. Veja o código completo: http://snipt.org/Lox

O problema

Quando o div "subheader_wrapper" tem um conteúdo...

1.) ...menor ou igual a 5 caracteres, a página é exibida conforme abaixo. O div, apesar de ser invisible, parece ocupar espaço na tela (espaço verde piscina) e no final da tela ainda!

2.) ...entre 6 e 7 caracteres, ocupa um espação na tela, no meio!

3.) ...maior ou igual a 8 caracteres, some! Faz o comportamento esperado desde o início: invisible. Pq?

Qual é o segredo do tableless que esta página não está seguindo/fazendo?

ps: Acho q não preciso falar q esse "bug" do tabless/css acontece só no IE.

Maior INT value no SQL Server

2147483647

Admin MyEcommerce

Tela de administração de clientes do MyEcommerce

Chamando Javascript via C#

ScriptManager.RegisterStartupScript(Page, Page.GetType(), Guid.NewGuid().ToString(), "jQuery(function($){$('#ctl00_cphContent_cd_cep').mask('99999-999',{placeholder:' '});});", true);

Criando campos na tabela

DECLARE @OBJECT_ID INT

SELECT @OBJECT_ID=OBJECT_ID FROM SYS.OBJECTS WHERE TYPE_DESC = 'USER_TABLE' AND NAME = 'TB_FWE_CONFIGURACAO_PAGAMENTO'

IF NOT EXISTS(SELECT * FROM SYS.COLUMNS WHERE OBJECT_ID=@OBJECT_ID AND NAME='PAGSEGURO_DS_EMAIL' )

BEGIN

ALTER TABLE TB_FWE_CONFIGURACAO_PAGAMENTO

ADD PAGSEGURO_DS_EMAIL VARCHAR(150) NULL;

END