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;