I'm trying to get rounded corners for the top left and top right using the stylesheet. My CSS is:
Code:
h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em;
	color: #F0FFFF;
	background-image: url(../images/cornerTL.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.leftBoxHeading {
	margin: 0em;
	background-color: #ED125A;
	padding: 0.2em 0em;
	background-image: url(../images/cornerTR.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
According to A List Apart this should work. It does for the top left but not top right. If I delete opne corner the other corner will work. What am I doing wrong?