Сделать каркас трехколоночного "резинового" сайта

Здравствуйте!

Необходимо создать файл со стилями для сайта с шапкой, левой колонкой фиксированной ширины (240px), средняя колонка резиновая и правая снова 240px. Затем подвал.

Важно, чтобы в html коде сначала шла шапка затем, СРЕДНЯЯ (резиновая) колонка, а потом левая и правая, подвал. Но в итоге в браузере все должно вставать на свои места. Центральная резиновая колонка по центру, а правая и левая по бокам.

В коде html, примерно, так должно быть:

Из этого сейчас в файле style.css прописано:

#wrap {width:100%;min-width:1009px;max-width:1240px;min-height:100%;margin:0 auto;overflow:hidden;position:relative;z-index:3;}

#header {width:100%;height:90px;position:relative;}

#content {width:100%;position:relative;z-index: 2;}

#center {overflow:auto;position:relative;z-index: 1;}

#left {width: 240px;position: relative;padding-left: 5px;margin-right: 8px;float: left;}

#footer {width:100%;height:90px;position:absolute;left:0;bottom:0;font-size:11px;line-height:14px;color:#666;}

Но это работает когда в коде сначала идет left, а потом center и right, а как мне надо я выше изложил.

Понятное дело, что это все должно корректно отображаться во всех браузерах. На ie6, пожалуй, можно не обращать внимания.