line across div in IE when using transparency on top rounded corners

What steps will reproduce the problem?
1. create two divs, one with rounded top, and the other with rounded bottom
2. now make the divs transparent in CSS
3. load up in Chrome - no issue - in IE a line appears across the div that 
has the top rounded using curvycorners....

What is the expected output? What do you see instead?

should be no line,  as with Chrome etc... but a line appears in IE (only 
when top corners are used.)

What version of the product are you using? On what operating system?
Latest from site - Vista, Chrome and IE

Please provide any additional information below.

Hi there,

This may be an easy and quick fix - I just can't seem to nail it though...

I'm doing a mock-up of a site for somebody, and I'm using curvy corners for 
the header and footer divs - rounded top edges on the header, and then 
rounded bottom edges on the footer. Nothing too fancy.

This seems to work as planned, and looks fine. I then wanted to add some 
transparency to those divs, to show through the background etc.

The strange behaviour I'm seeing is on the header - there appears to be a 
line across the div when using curvy corners? This doesn't appear on the 
footer however, which is strange as it's inconsistent in it's behaviour!

If I take off the curvy corners (i.e. remove the class) and leave on the 
transparency the 'line' goes away, but then so does the rounded edge on the 
div. If I put the class back in, the line reappears.

As mentioned, this does not happen on the footer div, which is a replica of 
the header div, with a different named class, and then curves on the bottom 
edges, and not the top.

Any ideas of how to get rid of the 'line'??? Am thinking that there is 
perhaps something in the .js file drawing that line when using the the top 
curves, but it doesn't show up until transparency is applied to the div, 
but I could be wrong... it doesn't appear when using the bottom curves,

Thanks in advance,
David

Original issue reported on code.google.com by djcloth...@gmail.com on 16 Nov 2009 at 7:15

donum / curvycorners

line across div in IE when using transparency on top rounded corners #50