Вопрос по CSS

Есть два блока, floatнутые по обоим краям страницы, и имеющие ширину в 18% процентов от страницы каждый. Между ними требуется засунуть блок, занимающий все отсавшееся место. Вроде бы простая задача. Сделать отступы от полей и задать "среднему" блоку ширину в 64%. В нормальных браузерах все выглядит отлично. А всеми любимый ie опять все понимает не правильно, он высчитывает 64% от свободного места, а не от страницы

#navig{

height:600px;

float:left; width:18%;

background-color:blue;

border-width: 1px;

border-color:808080;

border-style: inset;

}





#navig2{



height:600px;

float:right; width:18%;

background-color:blue;

border-width: 1px;

border-style: solid;

border-color: white;



}



#content

{

margin-left:18%;

margin-right:18%;

width:64%;

height:600px;

background-color:red;

}

FireFox

IE

Абсолютное позиционирование тоже не работает. Все отступы ie расчитывает внутри свободного места, в то время как остальные браузеры считают их от ширины всей страницы.

FireFox

IE

#navig{

height:600px;

float:left; width:18%;

background-color:blue;

border-width: 1px;

border-color:808080;

border-style: inset;

}





#navig2{



height:600px;

float:right; width:18%;

background-color:blue;

border-width: 1px;

border-style: solid;

border-color: white;



}



#content

{

position:absolute;

margin-left:18%;

margin-right:18%;

width:64%;

height:600px;

background-color:red;

}

Что можете посоветовать в данной ситуации?