Only top right corner is being curved

HTML & CSS
1

Hi everyone,

I have the following code:


<script type="text/javaScript" src="js/curvycorners.src.js"></script>

<style type="text/css">
a.round {
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-top-left-radius
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	CCborderRadius: 1em;
}

</style>

When I test in the browser though, only the top right corners of the “a” elements are being curved, even though I’ve specified that both top left and right be curved.

I wondered if anyone knows why this is happening?

Appreciate any help.

2

The missing semicolon?


-webkit-border-top-left-radius
3

Oh yeah - think I’m working too late.

Thanks very much.