为什么Safari忽略了我的CSS位置？

问题在本页上：

如果你点击任何一个缩略图，你会看到覆盖图左下角的图像标题太靠近它上面的边框。这在Chrome（以及其他所有浏览器）中看起来都不错。似乎它忽略了元素的CSS，设置为底部：0

顺便说一下，这是一个浏览器黑客。看起来像这样：

#portfolio-overlay #cboxTitle{
        font: bold 21px 'Crimson Text', serif !important;
        position:absolute;
        bottom: 8px;
        top: auto;
        left: 10px;
        color:#000;
    }

@media screen and(-webkit-min-device-pixel-ratio:0) {
    #portfolio-overlay #cboxTitle {
        bottom: 0;
    }
}

---

有人知道为什么会这样吗？我的意思是，因为它在Chrome上看起来不错，所以在Safari上应该也不错，对吧？

我不明白你为什么需要黑客。为什么不能将原始值设置为0

---

无论如何，您的媒体查询中缺少“和”后面的空格。参见示例#20

Safari是否了解

-webkit最小设备像素比率

？