title: img class tags not being recognized in firefox
body: <p>So I'm running a social network site, in which I've installed plugins and modules that allow users to edit their fan pages by having their own CSS editor ( a style box ) This is for Social engine.</p>
  
  <p>I originally had a main menu that had images for links but were referenced via html src vs css
  i.e  <code>&lt;img src=""&gt; vs .div { code }</code> in order to allow users to alter the layout via CSS I created classes for each image so that they could be overwritten.</p>
  
  <p>For this I stumbled across an article ( I don't have the link ) on stackoverflow bringing up how to change an image using CSS which lead me to the <code>&lt;img class=""/&gt;</code> and using </p>
  
  <pre><code>.customtag {
  content:url("http://pathtoimage");  }
  </code></pre>
  
  <p>in order to modify it.</p>
  
  <p>It shows up GREAT in chrome and IE, but in Firefox it is simply not registering and all I see is the text + the description for the alt=""  tags.</p>
  
  <p>I've been searching for a few hours but unable to find an exact match to this. So I'm posting this here to see if anyone could lead me in the correct direction. I've also tried declaring the !DOCTYPE as well as using <code>&lt;style&gt;</code> vs <code>&lt;style type="text/css"&gt;</code></p>
  
  <p>While using the css validator shows other areas, nothing related to the current lines of code as to why its not rendering. In firebug it doesn't even show the CSS registering at all it seems.</p>
  
  <p>Any help is greatly appreciated.</p>
  
  <p><a href="http://fmlstudios.com/testdesign/" rel="nofollow">http://fmlstudios.com/testdesign/</a>  </p>
  
  <p>I've removed the menu code from my site and put it into a separate html file in the link above as to single out my issue. Any help is greatly appreciate and or pointing me in the correct direction.  Thank you for taking the time to read.</p>