Вот скриншот сайта, который я кодирую в 4 браузерах: http://img801.imageshack.us/img801/2510/browsersj.jpg
Есть столбцы CSS3 (в IE есть плагин jQuery, имитирующий поведение столбцов CSS3).Как вы можете видеть, Opera и Firefox визуализируют первый столбец немного опущенным по отношению к другим столбцам.Это поле первого абзаца.Chrome игнорирует поля первого абзаца и корректно все выравнивает.
Я обнаружил, что это правило CSS помогает устранить проблему:
.column-3 > *:first-child { margin-top: 0; }
Тем не менее, я нахожу это немного странным (что, еслиХОЧУ первый элемент, чтобы сохранить маржу в каком-то конкретном сценарии?).Вам не известно о каких-либо других решениях этой проблемы (желательно что-то чистое и надежное, вроде свойства box-sizing, учитывающего разные стандартные модели в разных браузерах)?
[EDIT]
Хорошо, я обнаружил, что в Firefox проблема заключалась в overflow:hidden;, установленном в контейнере div.Удаление решило проблему.
Тем не менее, Opera не будет сотрудничать.
По запросу @ Kyle, вот код для воспроизведения проблемы в Opera: http://jsfiddle.net/LVqtD/1/