Народ помогите!!! Только начала изучать CSS и столкнулась со следующей проблемой. Есть сайт, состоящий из шапки (таблица), середины (3 колонки, не резиновые) и низа страницы. Середина имеет следующий состав:
<div id="main">
  <div id="left">
    ...
  </div>
  <div id="middle">
    ...
  </div>
  <div id="right">
    ...
  </div>
</div>

В IE все выглядит замечательно, а вот в FireFox начинаются проблемы:
1) если устанавливать background-color в div id="main", то он не появляется
2) при задании background-color в любом из других (указанных выше div'ов) фон отображается до окончания наполнения, а не до конца страницы :(

Подскажите, пожалуйста, как добиться красоты в FF?
Спасибо.

И то и то есть поведение по стандарту.
Первое получатеся из-за того, что float-блоки фактически выпадают из нормального потока, поэтому высота родительского дива становится равной нулю. Можно вылечить при помощи задания overflow: auto для родителя (#main).
Второе — потому что высота блока определяется его содержимым. Можно либо использовать Equal Height Columns, либо поддельные колонки (где-то на ALA было).

Огромное спасибо )))) Задала общий фон в головном блоке (#main), а середину выделила отдельно. Теперь все так, как было задумано )))))   

Если чем-то смогу помочь, буду рада ))