IE7輸入定位錯誤（粘滯！）

Question

檢查此頁面：http://jsbin.com/itufix與IE（頁面自動啓用IE7模式）。

在這裏您可以找到示例演示內嵌元素（輸入和跨度）如何與呈現塊一起呈現。所有元素邊距和填充設置爲0. 如果您使用IE（IE8-9）的開發人員工具，則可能會注意到輸入顯示的偏移量爲：1.

任何人都可以解釋實際發生的情況以及如何解決此問題？

NOTES

1. 添加浮動輸入解決這個問題，但是這是不是一種選擇。我需要完成這個沒有浮動。
2. 輸入/ span和它的div父母屬性hasLayout值是真的！
3. 歡迎與此錯誤相關的任何信息。

更新： 下面是使用樣式的更多示例：http://jsbin.com/itufix/13。每個領域都可以有它的說明，加上整個div.form-item可能會浮動（如果我需要多個領域在線）

Answer 1

如果你不能浮動input（爲什麼？），那麼你可以做這樣的：

*+html input { 
    margin-top: -1px; 
    margin-bottom: -1px; 
} 

http://jsbin.com/itufix/5

這是使用a CSS hack這樣的解決方法是在IE7只適用。在你的CSS

Answer 2

看，我看到以下內容：

div.form-item{ 
    padding: 0 1px; 
} 

此更改爲padding:0;似乎卸下表單字段我的眼睛都填充。請參閱：

http://jsbin.com/ojeros/2/

還是我失去了一些東西？