Floated image not displaying in Firefox

I am having trouble displaying a floated image in Firefox. It works in Opera and most versions of IE.

The problem page is at www.researcheducatedevelop.com where there should be an image at the bottom right. I have tried adding height to the containing div and tried overflow without success.

My CSS:

#endbits ul {
  float: left;
  margin-top: 1em;
}

#ad {
  float: right;
  width: 320px;
  height: 112px;
  margin-top: 1em;
}

The markup:

    <div id="endbits">
      <div id="ad">
       <a  href="http://www.researcheducatedevelop.com/contact-us.php"><img src="http://www.researcheducatedevelop.com/ads/red-ad-ad.jpg" width="320" height="112" alt="Your ad here!" /></a>
      </div>
      <ul>
        <li><a href="blog/">Blog</a></li>
        <li><a href="search.php">Search</a></li>
        <li><a href="contact-us.php">Contact us</a></li>
        <li><a href="privacy.php">Privacy</a></li>
        <li><a href="sitemap.php">Site map</a></li>
      </ul>
    </div>

Any ideas what I’m missing? Thanks!

If I disable my AdBlock add-on, the image shows up in Firefox as well… Exactly were it shows up in IE. :slight_smile:

Ah! One of those “der…” moments. I have Adblock plus too. Thanks Frank.