IE 6＆7 - 相对输入框越界

Question

IE 6遇到布局问题& 7.大多数（但不是全部）输入元素由于某种原因被放置在其父层之外。我已经使用了父母和孩子的相对位置，只要我将孩子的位置设置为绝对位置，它就可以正确定位。的问题

实施例：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和heights（都用firebug lite改变过）搞乱了，但什么都没有。任何新的想法欢迎，经过一天的挫折后，我不知道我是否能够解决这个问题。 <

Answer 1

好了，解决了，虽然不是我想要的方式。由于某种原因，在父容器上声明任何宽度都会导致一些奇怪的现象（但从未遇到过这种情况）。实验时没有注意到，因为Firebug Lite没有立即显示结果。

最后，我将宽度设置为父级的父级，这会使父级填充空间的其余部分，并按百分比填充输入。

Answer 2

尝试将此添加到子：

margin-left: 0px; 

这可能是孩子继承了父母的margin-left: 9em;