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、およびheight（すべてfirebug liteを使って変更）で何かを変えようとしましたが、何もしませんでした。すべての新しいアイデアを歓迎します、私はこれを解決できるかどうかわかりません。 <

Answer 1

オーケーを継承していることかもしれません。何らかの理由で、親コンテナ上で何か幅を宣言すると、いくつかの奇妙さが発生しますFirebug Liteはすぐに結果を表示しないため、実験する前に気付かなかった。

最後に、親の親に余白を埋めるように親の親に幅を設定し、入力をパーセントで入力しました。

Answer 2

は、子供にこれを追加してください：

margin-left: 0px; 

それは子供が私が望んでいた方法では解決ではないが、親のmargin-left: 9em;