相對大小的表格元素的定位（IE bug？）

Question

我在這裏變得有點絕望。我有這個包含大小背景圖像的頁面，並且由於它是響應式設計，所以在包含圖像和標題的佈局周圍存在相對大小和位置的氣泡（嘗試調整瀏覽器窗口的大小以查看爲什麼所有內容都以這種方式定位和調整大小）。圖像默認可見，標題在懸停/觸摸時可見。標題應該垂直和水平居中，這就是爲什麼我在父元素上使用顯示錶並在標題本身上顯示錶格單元格的原因。問題在於IE（9到11）再現父項旁邊的標題，高度是一個好的;但寬度不是。其他瀏覽器都能正常工作。我不知道如何解決這個問題，而且我對瀏覽器行爲的瞭解顯然不像您的那麼廣泛。任何線索如何解決這個問題？

實時代碼可以在這裏找到：http://klient.triakis.cz/sa/products.html

Answer 1

貌似IE解釋圖像作爲第一小區塔，從而推動標籤向右作爲第二列中。

好像如果你給IMG絕對位置的工作：

.products li a img { 
    position: absolute; 
    z-index: -1; 
}