Fix Border- radius (CSS3) and Box-shadow for ie7,ie8

HI..

In this article I will explain about how to fix the border radius css in ie7,ie8 and Mozilla.The border radius css is new css it support only for new version.It can support only for ie9 and new version explorer

By using an below file it can support all browser using ie-css3.htc file..

From the below link download the file and copy into your directory..and give the path in css code and write the border radius then it will support for all browser

Download file

Your CSS code should like below.....

Mention the file URL in behaviour .. like below

<style type="text/css" >

    

    .greenborder

{

border-radius: 15px 15px 15px 15px;padding: 8px; border: 2px solid #7F9F1A;

behavior: url(ie-css3.htc);

background-color :White ;

box-shadow: 10px 10px 5px #888;

}

    

    .fillborder

{

border-radius: 15px 15px 15px 15px;padding: 8px; border: 2px;

behavior: url(ie-css3.htc);

box-shadow: 10px 10px 5px #888;

}

    

    </style>

<table cellpadding ="0" cellspacing ="0" align="center" width="500" class ="greenborder">

    <tr>

    <td height="80">

    

    &nbsp;

    </td>

    

    </tr>

    </table>

     <table cellpadding ="0" cellspacing ="0" align="center" width="500">

    <tr>

    <td height="80">

    

    &nbsp;

    </td>

    

    </tr>

    </table>

   <table cellpadding ="0" cellspacing ="0" align="center" width="500" class ="fillborder">

    <tr>

    <td height="80">

    

    &nbsp;

    </td>

    

    </tr>

    </table>

i hope this one helpful to all ...