Já à algum tempo que construí uma página inicial mais atraente para o blog. Como um mau programador deve fazer apenas andava a testar as coisas no Firefox. Quando finalmente ganhei coragem para abrir o IE6 descobri que tinha o blog todo desfigurado. Ora então mãos à obra.
Um dos problemas que me aparecia era o facto das barras laterais passarem para baixo da coluna principal. Não estava a entender o que causaria aquilo até me lembrar que o IE não respeita o tamanho do div indicado no ficheiro CSS.
Se tivermos no CSS:

    #div fora{
        width:50px;
    }

    #div dentro{
        width:100%;
        border:1px solid #000;
    }

E os div’s estiverem aninhados desta forma:

<div id="fora">
    <div id="dentro">
    </div>
</div>

O que acontece é que o div exterior vai ser aumentado 2px por causa do bordo do div interior. Se todos os blocos no site estão medidos para caberem em determinado numero de pixeis pode ser o suficiente para dar cabo do layout. O Firefox por outro lado ignora este aumento e mantêm a dimensão do div interior.
Na página inicial tenho um bloco com um destaque e no seu interior abre outro bloco do plugin WP Great Box que sauda os novos visitantes e convida a subscrever o feed ou outra coisa qualquer que queiramos. Mais, podemos definir mensagens e ícones diferentes conforme a origem do visitante. Além disso o aspecto é completamente personalizável. Muito útil mas era precisamente o ficheiro CSS deste plugin que estava a dar problemas. Solução rápida (que pode não ser a mais inteligente)? Modificar o ficheiro wp-great-box.css que se encontra na pasta do plugin, trocando os 100% por 99%:

.greet_block {
    background:#fff;
    border:1px solid #eee;
    margin:10px 0;
    width:99%;
}