IE 6 & 7 - Относительные поля ввода за пределами

Question

Застрял проблема компоновки в IE 6 и 7. Большинство (но не все) входные элементы по какой-то причине размещаются вне своего родительского слоя. Я использовал position: относительный как на родительском, так и на дочернем элементах, и как только я установил абсолютную позицию дочернего элемента, он правильно позиционируется.

Пример проблемы: http://www.justcarl.co.uk/work/apto/LiveCycleHTML/page.html

По существу ...
Родитель:

position: relative;
width: 12em;
margin-bottom: 6px;
margin-left: 9em;

ребенок:

position: relative;
width: 80%;
z-index: 3;

HTML генерируется с использованием серверного компонента, так что я здесь после некоторого гения CSS. Я попытался возиться с z-index, float, clear, display, widths и height (все изменилось с помощью firebug lite), но ничего. Любые новые идеи приветствуются, после дня разочарования я не знаю, смогу ли я решить эту проблему>. <</p>

Answer 1

Хорошо, решил, но не так, как я хотел. По какой-то причине объявление любой ширины чего-либо в родительском контейнере вызывает некоторую странность (хотя никогда раньше не сталкивался с этим). Не замечал раньше, когда экспериментировал, потому что Firebug Lite не показывает результаты мгновенно.

В конце я установил ширину родительского родителя, что заставило родителя заполнить оставшуюся часть пространства, а входную - процентами.

Answer 2

Попробуйте добавить это к ребенку:

margin-left: 0px;

Возможно, ребенок наследует margin-left: 9em;

родителя.