Layout Tableless

Olá pessoal.

Estou montando a estrutura de um layout. Onde na parte central do conteúdo teria que fazer três colunas, sendo a esquerda e direita para background e a central para conteudo.

No IE consegui montar certinho, mas no Firefox, a coluna central fica em cima da coluna Esquerda.

Alguém sabe como posso resolver este problema?

Segue meu css

#esquerda {width: 6px;left: 0px;position: absolute;background-color:#676767;background-image: url(imagens/blog/fundo_esq.jpg);float: left;}#central {width: 740px;position: relative;height: 300px;background-color:#ffffff;}#direita {width: 6px;right: 0px;position: absolute;background-color:#676767;background-image: url(imagens/blog/fundo_dir.jpg);float: right;}