title: IE6 Red Cross and Border around image
body: <h2>MAJOR UPDATE:</h2>
  
  <h2><strong>I have a PNG fix working on the site. When I remove the PNG fix the red cross and border disapear. What's odd is that the problem only seems to do it with this particular image. There are other Alpha Blended PNG's on the same page that render fine.</strong></h2>
  
  <p>The image is not broken (you can see it) nor is it a link. But IE6 and 7 both put a box around it and a red cross on it. It also strips the styling.  </p>
  
  <p><a href="https://i.stack.imgur.com/myzpJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/myzpJ.png" alt="alt text"></a>
  </p>
  
  <p>UPDATE: The image is NOT a background image, and the image is definitely not broken. You can actually see the image, works fine in Safari, Firefox, Chrome and Opera.</p>
  
  <p>It's a plain old regular image tag</p>
  
  <pre><code>&lt;div class='container'&gt;
      &lt;img src='../images/leader_concierge.png' class='page_leader'  width="917" height="257" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here's the css </p>
  
  <pre><code>.page_leader { margin: 10px 0; }
  </code></pre>
  
  <p>and here's the exact same thing in safari</p>
  
  <p><a href="https://i.stack.imgur.com/aXN5O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aXN5O.png" alt="alt text"></a>
  </p>