536629 - Rounded Corners Expose Hidden Content

Status: RESOLVED DUPLICATE of bug 459144

(Firefox :: General, defect)

Description

[Ole Ersoy]

User-Agent:       Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1.5) Gecko/20091105 Fedora/3.5.5-1.fc12 Firefox/3.5.5
Build Identifier: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1.5) Gecko/20091105 Fedora/3.5.5-1.fc12 Firefox/3.5.5

When corners are rounded, they expose content that should be hidden per the containing element's css settings.  See the Reproducability section for an example.


Reproducible: Always

Steps to Reproduce:
View This:

<div style="overflow: hidden; background-color: black; color: orange; position: absolute; width: 203px; height: 304px; -moz-border-radius: 5%;">
     <div style="border: 1px solid rgb(31, 105, 155); position: absolute; left: 0px; top: 0px; width: 1000px; height: 100px;">
       	  
   	 </div>
</div>

As you can see the top left corner of the inner div is visible and it should not be.  The outer div properly hides the contents of the 1000px wide inner div, except at the rounded left and right top corners.