title: Why won't my image display in firefox?
body: <p>I created a <a href="http://jsfiddle.net/niklasro/hjfqvgey/" rel="nofollow">fiddle</a> but the image doesn't display in firefox. Why not? The html is</p>
  
  <pre><code>&lt;div id="message1" class="alert alert-warning alert-dismissable flyover flyover-centered"&gt;
    &lt;button type="button" class="close" data-dismiss="alert" aria-hidden="true"&gt;x&lt;/button&gt;
    &lt;strong&gt;&lt;/strong&gt; User added
  &lt;/div&gt;
  
  &lt;!-- Menubar --&gt;
  
  &lt;div id="menubar"&gt;
      &lt;div id="menubarcentercontainer"&gt;
          &lt;div id="menubarleft"&gt;
          &lt;/div&gt;
          &lt;div id="menubarright"&gt;
              &lt;div id="menubaruserinfo" class="menubaritem"&gt;
                  &lt;p&gt;&lt;a href="javascript:showLoginBox();"&gt;Sign In or Sign Up&lt;/a&gt;&lt;/p&gt;          
              &lt;/div&gt;
  
              &lt;div class="menubaritem"&gt;
                  &lt;p&gt;Get Onacci&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;img id="top-header" src="https://wwwe.onacci.com/onacci.png"&gt;
  &lt;form id="searchbox" action="connect.php" method="POST"&gt;
      &lt;div class="control-group" style="float:left;"&gt;
          &lt;div class="controls" style="float:left;"&gt;
              &lt;input type="text" id="email" name="email" placeholder="Enter your email" class="input-xlarge"&gt;
              &lt;p class="help-block"&gt;Please provide your E-mail&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div style="float:left;"&gt;
          &lt;!-- Button --&gt;
          &lt;button type="submit" class="btn btn-success"&gt;Add me to waiting list&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>