Chrome/Safari中奇怪的圓角

Question

我有一個圓角的問題，我需要幫助。這裏生成（其在WordPress的）的HTML：

<div class="deal_thumbnail clearfix"> 
<a href="page.html" title="Read More"> 
<img width="140" height="110" src="image.jpg" alt="read more" title="Read more" /></a> 
</div> 

這裏是CSS：

.deal_thumbnail 
{ 
    float:left; 
    width: 150px; 
} 
.deal_thumbnail img 
{ 
    float:left; 
    -webkit-border-radius: 18px; 
    -moz-border-radius: 18px; 
    border-radius: 48px;  
} 

如果我把去年48像素到18像素它顯示了優良的FF，不是圓的全部Chrome/Safari（方形邊緣）。

如果我離開它，因爲是48像素，它使一個巨大的圓滑邊角（因爲它應該）在FF，這是我得到的Chrome/Safari瀏覽器：

有什麼想法，爲什麼我沒有獲得18px的任何東西，並且在Chrome/Safari中獲得48px的奇怪邊角，而所有的FF都很好？

Answer 1

試試這個：

.deal_thumbnail 
{ 
    float:left; 
    width: 150px; 
} 
.deal_thumbnail img 
{ 
    float:left; 
    -webkit-border-radius: 18px; 
    -moz-border-radius: 18px; 
    border-radius: 18px;  
}