
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META content=text/html;charset=iso-8859-1 http-equiv=Content-Type>

<META name=GENERATOR content="MSHTML 9.00.8112.16421"></HEAD>

<BODY style="PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px" 

id=MailContainerBody leftMargin=0 topMargin=0 CanvasTabStop="true" 

name="Compose message area">

<DIV><FONT face=Calibri>Any reason why border-radius doesn't work on article 

elements?</FONT></DIV>

<DIV> </DIV>

<DIV><FONT face=Calibri>I tested this earlier today, and i can't seem to get it 

to work in IE9. On top of that, i actually expected it would work in Firefox, 

using -moz-border-radius, but it didn't.<BR>I tried the exact same code on a div 

element, and this worked fine.</FONT></DIV>

<DIV> </DIV>

<DIV><FONT face=Calibri>There also seem to be a bug, where the second value gets 

applied a bit odd, also in both browsers.</FONT></DIV>

<DIV> </DIV>

<DIV><FONT face=Calibri>As i understand border-radius, the first value should 

represent the radius of the horizontal plane, while the second value should 

represent the vertical plane radius.<BR>This should then allow web designers to 

sort of "squeeze" the bend of the corners. But what this in reality seem to do, 

is to apply two different values like below:</FONT></DIV>

<DIV><FONT face=Calibri></FONT> </DIV>

<DIV><FONT face=Calibri>-X--Y-</FONT></DIV>

<DIV><FONT face=Calibri>-Y--X-</FONT></DIV>

<DIV><FONT face=Calibri></FONT> </DIV>

<DIV><FONT face=Calibri>This can be seen in the example that i posted on 

Brugbart, <A 

title="http://brugbart.com/Visions/css-border-radius
Hold Ctrl nede, og klik for at følge link" 

href="http://brugbart.com/Visions/css-border-radius">http://brugbart.com/Visions/css-border-radius</A></FONT></DIV>

<DIV><FONT face=Calibri></FONT> </DIV>

<DIV><FONT face=Calibri></FONT> </DIV></BODY></HTML>