title: IE adds blue border to div where css gradient is used
body: <p>I'm trying to make a gray line, that is fading out to transparent. I created a div, that is 1x100px, and added css gradient to make the fade effect.</p>
  
  <p>It works fine, except in IE where the div gets a blue border, which I cant get rid off.</p>
  
  <p>This is my css for the div</p>
  
  <pre><code>#left_header_border {
      position:absolute;
      bottom:-1px;
      left:-100px;
      width:100px;
      height:1px;  
  
      /* gradient */
      background-color: transparent;
      background-image: -moz-linear-gradient(left, transparent, #cccccc); /* FF3.6 */
      background-image: -o-linear-gradient(left, transparent, #cccccc); /* Opera 11.10+ */
      background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0, transparent),color-stop(1, #cccccc)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(left,transparent, #cccccc); /* Chrome 10+, Saf5.1+ */
      background-image: linear-gradient(left, transparent, #cccccc);
                filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr='transparent', EndColorStr='#cccccc'); /* IE6–IE9 */
  }
  </code></pre>
  
  <p>I've tried to inspect the div, and make it higher, and the gradient seems to work, but the color is blue, and a border is added. Why?</p>