Display button on Firefox vs IE

[scottjsn]

The same piece of codes (see below) generated different displays on Firefox and IE.

<style>
.linkButton {
background: #7CFC00
text-decoration: none;
border: 1px solid #aaa;
border-radius: 5px;
display: inline-block;
padding: 3px 6px
}
</style>
...

<a href="test.html" class="linkButton">Test</a>


On Firefox: shown the corners of the button as round
On IE: shown the corners of the button as angled

How can I make the above button round-cornered on IE, just like the FF one?

[rtrethewey]

Internet Explorer added support for border-radius in v9. If you're using IE9 and still not seeing the effect, it could be a syntax error in your setting for 'border'. I believe it should be:
border: solid 1px #aaa;

If that doesn't fix it, the best option may be to create an image for this button. Good luck!