定位相对大小的table-cell元素（IE bug？）

Question

我在这里几乎没有绝望。我有这个包含大小的背景图像的页面，因为它的响应式设计，布局周围有相对大小和定位的气泡，包含图像和标题（尝试调整浏览器窗口的大小，以查看为什么一切都按照这种方式定位和调整大小）。默认情况下，图像可见，标题在悬停/触摸时可见。标题应该垂直和水平居中，这就是我在父元素上使用显示表并在标题本身上显示表格单元格的原因。问题是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;
}