title: CSS background url () not appearing in IE, works in FF/Safari
body: <p>I'm debugging my website for the dreaded IE6 but I'm officially stumped. </p>
  
  <p>Appearance in Firefox: <a href="http://dl-client.getdropbox.com/u/5822/firefox.tiff" rel="nofollow noreferrer">http://dl-client.getdropbox.com/u/5822/firefox.tiff</a></p>
  
  <p>Appearance in IE6: <a href="http://dl-client.getdropbox.com/u/5822/ie6.tiff" rel="nofollow noreferrer">http://dl-client.getdropbox.com/u/5822/ie6.tiff</a></p>
  
  <p>Live site: <a href="http://motolistr.com" rel="nofollow noreferrer">Motolistr.com</a></p>
  
  <p>The following CSS works great in FF and Safari, but doesn't in IE6.</p>
  
  <pre><code>#search_sort{
  background-image:url('../images/nav/bg-form.jpg');
  padding:10px; 
  border:1px solid #d13a3b;
  margin-top:5px;
  }
  </code></pre>
  
  <p>The following CSS DOES WORK in IE6, and it seems identical...(wtf)</p>
  
  <pre><code>#email_seller{
  border:1px solid #d13a3b;
  background-image:url('../images/nav/email-form-bg.jpg');
  }
  </code></pre>
  
  <p>Also, my link/span button doesn't appear either- I assume this is the same type of issue. </p>
  
  <pre><code>a.button {
      background: transparent url('../images/nav/button_bg_right4.gif') no-repeat scroll top right;
      color: #000;
      display: block;
      float: left;
      font: normal 18px arial, sans-serif;
      height: 36px;
      margin-right: 6px;
      padding-right: 18px; /* sliding doors padding */
      text-decoration: none;
  }
  
  a.button span {
      background: transparent url('../images/nav/button_bg4.gif') no-repeat;
      display: block;
      line-height: 24px;
      padding: 5px 0 7px 18px;
  } 
  </code></pre>
  
  <p>Any ideas? </p>
  
  <p>Thanks,
  Nick</p>