「overflow：hidden」，「inline-block」和「vertical-align」的垂直對齊問題

Question

這是一個兩部分問題。解決它爲Firefox打破IE6，並解決它的IE6打破Firefox。 WebKit工作正常。

這表明Firefox中的問題：http://jsfiddle.net/UpZca/2/

「導入提交」鏈接比「導出提交」，這是一個問題略高。 IE6在這一點上工作正常 - 對齊是正確的。

我知道使用「內聯塊」時，垂直對準問題可以固定垂直對齊：頂部，所以我嘗試，第一。您可以看到它修復了Firefox中的問題：http://jsfiddle.net/UpZca/1/

但是，隨着此更改，IE6決定將「Import Submission」一直移動到隱形文件輸入的底部。看看IE6中的最後一個鏈接，看看我的意思。

順便說一句，jsfiddle並不像純IE6那樣呈現代碼。在上面的鏈接中，我的文本被文件輸入中的灰色瀏覽按鈕覆蓋。在純IE6中沒有發生，但這仍然表明了定位問題。

那麼，有沒有什麼辦法讓我的代碼在IE6和Firefox中工作？

任何想法，將不勝感激（除了一個關於不使用IE6 :)）

Answer 1

最後我用JavaScript來編程添加vertical-align: top風格，如果瀏覽器不是IE瀏覽器。

Answer 2

簡單的看一下告訴我，問題可能是因爲IE6不支持內聯塊。無論何時使用內聯塊，您還需要這樣做：

* display：inline; * zoom：inline;

這兩行等效於顯示：和內聯塊爲IE 6 7

在該組，然後可以可能通過添加垂直對齊弄清楚該問題跨瀏覽器的解決方案：頂到第一個定位標記或qq-upload_button。