usar CSS pra fazer layout em três(3) colunas?

estou enfrentando o seguinte problema: tenho três DIVs(esquerda, meio, direita) dentro de uma DIV

chamada "faixas". Eu preciso que as DIVs esquerda e direta se redimencionem conforme a resolução,

porém a div do meio tem tamanho fixo.

Usando a propriedade "display:table-cell" eu consigo fazer funcionar nos browsers que seguem

os padrões, porem como sempre o IE "quebra minhas pernas" e não aceita a table-cell.

Segue o código funcional no Mozilla e Opera:

HTML

<div id="[b]faixas[/b]">
 <div id="esquerda">
 </div>

 <div id="[b]meio[/b]">
 </div>

 <div id="[b]direita[/b]">
 </div>
 </div>

CSS

#[b]faixas[/b]{

 z-index:1;
 position:absolute;
 top:50%;
 left:0px;
 margin-top:50px;
 width:100%;
 display:table;
 }

 #[b]faixas [/b]#[b]esquerda[/b]{
 background:#FF0000;
 display:table-cell;
 width:50%;
 }

 #[b]faixas [/b]#[b]meio[/b]{
 background:#666600;
 display:table-cell;
 width:500px;
 }

 #[b]faixas [/b]#[b]direita[/b]{
 background:#FF0000;
 display:table-cell;
 width:50%;
 }

Eu agradeço se puderem solucionar essa situação! =DDD