title: DIV images doesn't show in Firefox
body: <p>I have two animated <code>.gif</code> images in my webpage, but they are not being displayed in Firefox. It works on IE, Safari and Chrome. I have read other posts but I couldn't find a solution that works. Could someone help please?</p>
  
  <p>This is the url:
  <a href="http://www.lokalbericht.unibe.ch" rel="nofollow">http://www.lokalbericht.unibe.ch</a></p>
  
  <p>Following is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Lokalbericht - Hermann Burger&lt;/title&gt;
  &lt;style type="text/css"&gt;
  .text_body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
  }
  body {
      background-color:#000000;
      background-image:url(images/intro/background_paper.jpg);
      background-position:center 50px;
      background-repeat:no-repeat;
      background-attachment:fixed;
  
  }
  div.soon {
      content:url(images/intro/coming_soon.gif);
      position: relative;
      width:650px;
      height:170px;
      top:350px;
      left:30%;
  }
  
  div.lokalbericht {
      content:url(images/intro/animation.gif);
      width:160px; 
      height:20px;
      position: absolute;
      top:300px;
      left:45%;
  
  }​​
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="soon"&gt; &amp;nbsp;&lt;/div&gt;
  &lt;div class="lokalbericht"&gt;&amp;nbsp;&lt;/div&gt;
  </code></pre>
  
  <p>​
      
      </p>