Задача следующая. Есть внешний div и два внутренних, правый и левый. Текст в левом должен начинаться с самого верха, а в правом должен начинаться немного пониже. Для этого я установил для правого свойство margin-top.



При этом появляется проблема. В FireFox-е оба столбца съезжают вниз (Хотя по идее должен только правый). В Опере съезжает только правый, но текст левого столбца, находящийся выше текста правого столбца отображается, но его нельзя даже выделить. То есть он полностью недоступен. В IE всё отображаетс янормально. Не понимаю, в чём здесь дело?

overflow:hidden; для контейнера не пробовали?

NDenis, вау, замечательно! Большое спасибо!   
А какое есть тому научное объяснение? Как я понимаю


Но  как это помогает решить данную проблему?

Это шаманство. Из серии "это не объясняется, это надо запомнить". Вот, имхо, неплохая статья по проблеме, вот здесь чуть подробнее.

anonym, если я ничего не путаю, это называется схлопыванием полей (поищите в гугле collapsing margin), вам дадут ответ как это шаманство объясняется ;)

Млин... всё бы хорошо, но с overflow: hidden горизонтальная прокрутка странички стала работать через какую-то задницу... буэээ...

SelenIT, спасибо, хорошие ссылки

Пропиши идентификатору  #outer{display:table-cell}  . Дело в том, что по умолчанию, при *нормальном* режиме, ФФ Опера и ИЕ, отображают пустые(div'ы без стилей-без ничего)div'ы поразному, т.е. у каждого браузера прописаны свои стандарты *пустым* div'ам. 
После этого, ты можешь настраивать вид так, как тебе заблагоразуметься!
И вообще зачем строить такую концепцию, дивам??? 

В смысле?... чтобы избегать использования таблиц    Или ты не об этом?

Добавлено через 4 минуты и 46 секунд

Супер! Помогло!
пока не нашёл очередной глюк...)