title: Home page does not display correctly in firefox 14.0.1
body: <p>For some reason my web page is not display correctly in Firefox version 14.0.1. It is displayed correctly in IE9, Safari, chrome.  A friend of mine also said he experienced the same as me.</p>
  
  <p>In Firefox if I zoom out or in the layout changes. But then the YouTube video begins to smear and pixelate. I asked a friend to check Firefox on their computer and the same thing happens.</p>
  
  <p><a href="http://wwww.streetstyles4all.co.uk/images/screen_shot.jpg" rel="nofollow">http://wwww.streetstyles4all.co.uk/images/screen_shot.jpg</a> </p>
  
  <p>The screen shot from top left shows how the page loads.  Top right shows after I zoom in or out, and bottom left is after I scroll up and down.</p>
  
  <p>HTML:</p>
  
  <p>The HTML for the section in question is:</p>
  
  <pre><code> &lt;div id="homewallcontainer"&gt;
  
                  &lt;div id="homesidenavcontainer"&gt;
  
                  &lt;script type="text/javascript" src="http://forms.aweber.com/form/23/850302323.js"&gt;&lt;/script&gt;
                  &lt;/div&gt;
  
                  &lt;div id="newsletterblurb"&gt;
                  &lt;p&gt;
                  Learn everything you need to get yourself going in the world of street dance, tips, facts, what to wear, music, videos and more.  Just fill in the form above - simple!
                  &lt;/p&gt;
                  &lt;/div&gt;  
  
                  &lt;div id="contentcontainerhome2"&gt;
                     &lt;h1&gt;Street Styles 4 All is the place to be for street dance! With classes, DVD's that are sold worlwide, dancers for hire, streetwear...find out why you should choose Street Styles 4 All:
                     &lt;/h1&gt;
                              &lt;div id="homess4atrailer"&gt;
          &lt;iframe width="466" height="302" src="http://www.youtube.com/embed/QyhgZ6I_DHo" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
          &lt;/div&gt;
  
  
             &lt;/div&gt;
  
  
      &lt;/div&gt;
  </code></pre>
  
  <p>The CSS is:</p>
  
  <pre><code>#homewallcontainer {
  background: url("images/wall.png") repeat scroll 0 0 transparent;
  height: 542px;
  margin-top: -1px;
  width: 960px;
  }
  
  #homesidenavcontainer {
  float: left;
  margin-left: 41px;
  margin-top: 110px;
  width: 253px;
  }
  
  #homesidenavcontainer {
  float: left;
  margin-left: 41px;
  margin-top: 110px;
  width: 253px;
  }
  
  #contentcontainerhome2 {
  float: right;
  margin-right: 17px;
  margin-top: 46px;
  width: 528px;
  }
  
  #homess4atrailer {
  margin-left: 56px;
  padding: 38px 0 10px;
  }
  </code></pre>