Как сделать чтобы Divы не переносились на новую строку?

Всем привет.

Начал верстать сайт в div'ах ранее только был опыт с табличной версткой и столкнулся с проблемой:

Вывести три колонки в ряд, при этом так, чтобы у левой и правой (кроме центральной) была фиксированная ширина, а центральная колонка растягивалась по мере растяжки браузера.

Вот никак не получается так сделать, то divы переносятся на новую строчку, то содержимое дива накладывается на другой див.

Пример текущий конструкции:

.index_left {float:left; width: 400px;}

.index_right {floaf:left; width: 200px;}

.content { float:left; width: auto;}

<div class"index_left">Левое меню</div<div class="content">содержимое</div><div class="index_right">правое меню</div>

P.S. пробовал добавлять в описание всех классов: display:inline и white-space:nowrap не помогло

Может кто нибудь из гуу блочной верстки поможет?