html - 将Chrome悬停时，CSS div无法正常工作

我制作了一个定价表，它不使用<table>标记，而是使用<div>标记。它在Firefox中可以正常工作，但在chrome中不能正常工作。这是小提琴
 http://jsfiddle.net/JmLRe/

这是未悬停或处于正常状态时的图像。



在Firefox中将鼠标悬停在此处时。



但是这里的问题出在铬上。



请告诉我我在CSS中做错了什么。

最佳答案

James的解决方案对我来说并不是很好。它仅修复premium部分。

将position: relative;添加到.table-item:hover似乎适用于所有部分：

.table-item:hover{
    position:relative; /* Added this */
    transform:scale(1.08);
    -webkit-transform:scale(1.08);
    z-index: 1;
}