Ну, в принципе, как я и предполагал. ОТД неправильное – такой доктайп не вводит браузеры в режим рендеринга по стандартам. Доктайп нужно писать полностью:

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Большие проблемы с семантикой, но это к имееет косвенное отношение к основному вопросу...

На локали во всех браузерах все ок, когда смотрю из нета фаерфокс снова чудит(обнаружил сегодня когда выложил).......
Кэш почистите.)

В IE и в опере - все в порядке
В IE – страшный горизонтальный скролл...

Почему в ff не тянутся на всю ширину красные заголовки абзацев?
Они не только в FF не тянутся. В Опере они тоже не тянутся... Почему?

Кошмар какой...

1. Элемент <span> не может содержать в себе элемент <div>.
2. В пределах одного документа не может быть двух одинаковых значений атрибута id.
3. Кодировку надо указывать...

Этот список можно продолжать долго...
В общем так, сначала исправляем все вышеуказанные ошибки, [Только зарегистрированные пользователи могут видеть ссылки. ] и только в случае успешного прохождения валидации задаем здесь очередные вопросы... При этом не забываем прикрепить весь CSS в удобочитаемом виде.