css - IE 6 & 7 - 相对输入框越界

Question

在 IE 6 和 7 中存在布局问题。大多数(但不是全部)输入元素出于某种原因被放置在其父层之外。我在 parent 和 child 上都使用了 position: relative ，一旦我将 child 的位置设置为绝对位置，它就会正确定位。

问题示例:http://www.justcarl.co.uk/work/apto/LiveCycleHTML/page.html

本质上...
parent :

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

child :

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

HTML 是使用服务器端组件生成的，所以我在这里寻找一些 CSS 天才。我试过弄乱 z-index、float、clear、display、widths 和 heights(全部使用 firebug lite 更改)但没有。欢迎任何新想法，经过一天的挫折我不知道我是否能够解决这个问题 >.<

Answer 1

好的，虽然不是我想要的方式，但已解决。出于某种原因，在父容器上声明任何宽度会导致一些奇怪(尽管之前从未遇到过)。之前在实验时没有注意到，因为 Firebug Lite 不会立即显示结果。

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