How can I add border radius and drop shadow for IE8?

Question

Is there anyway to do this for IE8?

    -moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */

    -moz-border-radius: 6px;
    border-radius: 6px;

Answer 1

IE8 is not compatible with either drop shadows or rounded corners.

Drop shadows and rounded corners are usually best done with png images, then hacked for IE6.

Alternatively you could use something like spiffy corners (http://www.spiffycorners.com/) for rounded corners.

Answer 2

You can do this with CSS3PIE. It adds rounded corners, drop-shadow and gradient background support for IE.

Hope this helps !