CSS - border-radius doesn't display in IE6/7/8

internet-explorer cross-browser css vendor-prefix
GeorgeG picture GeorgeG · Aug 16, 2009 · Viewed 16.8k times · Source

I'm using the following CSS to achieve a rounded border on my DIV:

border: 1px solid #999; 
border-radius: 6px; 
-ms-border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;

But in IE 6/7/8, even though I'm including the IE specific radius, it is not displaying a rounded DIV border (it's displays a square border).

Any ideas why only IE 6/7/8 doesn't display a rounded border?

Answer

Gabriel Hurley picture Gabriel Hurley · Aug 16, 2009

As of IE8, IE doesn't support the CSS3 border-radius property. Not sure what you saw that said it did. You can use images, javascript, or many other tricks to round corners in IE.

Related questions

css 'pointer-events' property alternative for IE

I have a drop down navigation menu in which some of the title should not navigate to other page when clicked(these title open a drop down menu when clicked on) while others should navigate (these dont have dropdown and …

Read More
IE6/IE7 css border on select element

Does anyone have a solution for styling the borders of "select" elements in Internet Explorer using CSS?

Read More
use initial width for element not working in IE

I have a graph plugin that inserts canvas and a legend <table> to its container. In this plugin the table has no width defined and in my CSS there is a width for tables inside that container were …

Read More