含铬的div在CSS中有圆角，但不能渲染为圆角

Question

我将此作为舍入的规则：

.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

在我正在处理的网站http://urlme.cc/movies6上，如果您在Chrome中查看，每个电影div都有“圆角”类，但是div有直边。

在Firefox中，它正确地舍入。请参阅下面的图像比较。

你可以在上面的链接上查看source / inspect元素，但是，html看起来基本上是这样的：

<div class="movie rounded">
  <a href="#"><img src="..." /></a>
  <div class="details">1 hr, 20 min</div>
</div>

问题：任何原因导致Chrome没有围绕那些div.movi​​e角落，而Firefox是？谢谢！

Answer 1

在 .movi​​e 上取消position:relative似乎是在Chrome开发者工具中执行此操作。