Chrome-包含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

脫穎而出position:relative對於.movi​​e ，Chrome開發者工具似乎做到了。