title: FF and IE don't load img src from CSS
body: <p>I'm setting the src for an image with css like this</p>
  
  <pre><code>#Banner {
  content: url(../Banners/prussia-awesomeness.gif);
  width: 1000px;
  }
  </code></pre>
  
  <p>here's my image</p>
  
  <pre><code>   &lt;div id="Header" class="Header"&gt;
          &lt;img id="Banner" src="as"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>the image loads in google chrome with the proper img src (../Banners/prussia-awesomeness.gif)</p>
  
  <p>in internet explorer and firefox it keeps the src "as".</p>
  
  <p>Does ie and ff not support loading image sources from css?</p>
  
  <p>EDIT:</p>
  
  <p>adding</p>
  
  <pre><code>#Banner:after {
  content: url(../Banners/prussia-awesomeness.gif);
  width: 1000px;
  }
  </code></pre>
  
  <p>made it work in firefox, ie however still refuses to cooperate.</p>
  
  <p>also tried adding :before (with : and ::), which made no difference in any browser</p>