/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  The path to the HTC is relative to the HTML file that includes it.
  See below for another method of activating the script without adding CSS here.
 */

 img, div, input { behavior: url("../iepngfix.htc") }


 /*
  Here's an example you might use in practice:
  img, div, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */


<!--
  Final word of advice: You can wrap the STYLE element above in IE conditional
  comments like below to prevent the .HTC being downloaded by IE7+ at all.
  It's by no means required, and will most likely break IE6 installed alongside
  IE7 on the same computer (despite working fine in vanilla system-wide IE6).
 -->
 <!--[if lte IE 6]><style>/* Activate it here */</style><![endif]-->


 <style type="text/css">
  /* Some styles for the default demonstration */
  body {
   font: 10pt/14pt sans-serif;
   background-color: #FFFFFF;
  }
  #header {
   text-align: center;
   margin-top: 10pt;
  }
  h1 {
   font-size: 20pt;
  }
  h3 {
   margin-top: 2em;
  }
  dt {
   font-weight: bold;
   margin-top: 0.5em;
  }
  code {
   color: #663300;
  }
  li {
   margin-top: 0.5em;
  }

  #demoWrap {
   background-image: url(checkerboard.gif);
   border: 2px solid #999;
   padding: 20px;
   float: right;
  }

  #demoDiv {
   height: 200px;
   width: 200px;
   background: url(opacity.png);
   text-align: center;
  }

  #demoLink {
   background: url(../images/opacity2.png) repeat;
   cursor: pointer;
   /*
    Here we apply the fix to just one element.
    You can do the same with CLASS selectors...
   */
   behavior: url("iepngfix.htc");
  }

  .opacity1, .opacity2 {
   height: 200px;
   width: 200px;
  }
  .opacity1 {
   background: url(opacity.png);
  }
  .opacity2 {
   background: url(opacity2.png);
  }

  .shadowImg {
   padding: 9px 11px 11px 9px;
   background-image: url(shadow.png);
  }