Semplice: prima di tutto Firefox ha ragione a far "uscire" il testo, poiché hai impostato una height fissa per l'elemento "posts". Firefox, che segue gli standard non aumenta erroneamente l'altezza che tu hai fissato e quindi fa fuoriuscire il contenuto (che è un box anonimo, non un elemento block-level). IE ovviamente sbaglia ad allungarti il box "posts" perché considera height come se fosse min-height. Quindi, il primo passo da fare è eliminare height per entrambi i box "posts" e "menu". I box sono infatti diversi dalle celle delle tabelle in quanto sono indipendenti: se non imposti un'altezza, si adattano ai loro contenuti e non dipendono mai l'uno dall'altro. Devi quindi dare l'illusione che i box siano alti uguali (due colonne "false"). Per fare questo, devi servirti del box "contenuto" che è influenzato dall'altezza del box più alto che contiene (perché hai fatto il clear al suo interno, trattandosi di box flottanti). Devi attribuire a "contenuto" un background-color uguale a quello che vuoi che appaia come colore di sfondo di una delle due "colonne" ("posts" o "menu"). Poi, sempre a "contenuto", devi attribuire un'immagine di sfondo larga come l'altra colonna, alta 1px e del colore che vuoi che l'altra colonna assuma come sfondo. A questo punto usi background-repeat: repeat-y per ripetere solo verticalmente l'immagine di sfondo e usi background-position per posizionare l'immagine di sfondo all'interno del box "contenuto".