title: Firefox CSS float bug?
body: <p><strong>UPDATE</strong>
  It seems to have magically corrected itself because now it works, but I emphasize that it wasn't a cache issue because even I was able to update with new images but they always appeared "below" rather than "next to"... I don't understand...but suddenly it worked now.</p>
  
  <p>if you check <a href="http://www.dodomainer.com" rel="nofollow noreferrer">www.dodomainer.com</a> in Safari and Chrome, the two images in the header float, but not in Firefox.  Any idea how to fix this?  Note, it's definitely not this way in Firefox as a result of a cache</p>
  
  <p>this is the code that I use. Any idea how to fix the problem? </p>
  
  <pre><code>&lt;div class="header a"&gt;&lt;a href="http://dodomainer.com/"&gt;
  &lt;img src="http://dodomainer.com/images/dodo4.jpg" width="400" height="50" padding-left="10px"  alt="dodobird" /&gt;
  &lt;/a&gt;&lt;/div&gt;
  
  &lt;div class="header b"&gt;
  &lt;a href="http://dodomainer.com/"&gt;
  &lt;img src="http://dodomainer.com/images/dodotest.jpg" width="380" height="70" padding-left="10px"  alt="dodobird" /&gt;
  &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.header {  
      float: left;
      width: 400px;
  }
  
   .a {
      height: 50px;   
  }
  
   .b  {
      height: 70px;
      padding-left: 100px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/aYswB.png" alt="firefox"></p>