Я работаю над приложением Asp.Net MVC3, в котором макет основан на 960 Grid Layout .
Чтобы упростить мою жизнь при создании форм редактирования.Это система макетов, основанная на div.
Есть несколько исправлений, которые я делаю автоматически на стороне клиента javascript, чтобы мне не приходилось жестко их кодировать при каждом редактировании.Форма.Во-первых, <div class="clear"></div>, который необходимо добавлять после каждой строки для сброса форматирования.
Моя вторая проблема заключается в том, что мне нужно увеличить вертикальный интервал примерно на 1/2 высоты строки между каждой строкой.Но так как каждая строка - это div, я обнаружил, что вы не можете просто увеличить вертикальную границу между div.Текущие спецификации CSS не позволят вам.Итак, я динамически добавляю тег <hr/> перед началом div каждой строки.Другие возможные элементы DOM для вставки дают мне тот же эффект.Для IE9 и FF5 это работает правильно.Однако из Chrome 12 я получаю 
Когда я просматриваю HTML в DOM, тег <hr /> вставляется перед тегом <div class="editor-row"> для каждой строки.
У меня есть демо-версия на jsFiddle Пример .Обратите внимание на демонстрационную версию - элементы управления для каждой строки (метка и поле редактирования) отображаются как одна строка в Chrome и две строки в FF и IE.Это проблема с ограниченным CSS, который я вставил в jsfiddle.Это не влияет на проблему, которую я пытаюсь решить.