相对大小的表格单元格元素的定位(IE bug?)

Question

我有点绝望了。我有一个包含大小背景图像的页面，因为它是响应式设计，所以在包含图像和标题的布局周围有相对大小和定位的气泡(尝试调整浏览器窗口的大小，看看为什么所有的东西都是这样定位和大小的)。默认情况下图像是可见的，在悬停/触摸时标题是可见的。标题应该垂直和水平居中，这就是为什么我在父元素上使用display table，在标题本身上使用display table-cell。问题是，IE(9到11)再现标题旁边的父，高度是a-ok;然而，宽度却不是。其他浏览器都可以正常工作。我不知道如何解决这个问题，我对浏览器行为的了解显然不像你的那么多。有什么线索如何解决这个问题吗?

活动代码可以在这里找到:http://klient.triakis.cz/sa/products.html

Answer 1

看起来IE将图像解释为第一个单元格列，因此将标签推到右边作为第二列。

似乎工作，如果你给img绝对位置:

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