title: ie7 float right parent width problems
body: <p>This one is really getting my goat.  I need to float Container1 and Container 2 to the right and have them butt up against each other as they are now. I also need to float items inside Container2 to the right so they stack on each other.  Problem is if I set anything inside Container2 (sample text 2, sample text 3) to float right it makes Container2 width 100% or something.  </p>
  
  <p>This could be solved by giving Container2 a specific width but that is not possible as all of this is dynamic content.  I need Container2 to grow as i stack things inside it.</p>
  
  <p>Is there any way around this? It is only a problem in ie7 all other browsers seem to be fine.  This is driving me mad.</p>
  
  <pre><code>&lt;div&gt;
      &lt;div style="width: 100px; height: 100px; background: green; float: left;"&gt;
      &lt;/div&gt;
      &lt;div id="Container1" style="height: 100px; border: 1px solid #000000; float: right;"&gt;
          sample text 1
      &lt;/div&gt;
      &lt;div id="Container2" style="height: 100px; border: 1px solid #000000; float: right;"&gt;
          &lt;div style="float: right; border: 1px solid #FF0000;"&gt;sample text 2&lt;/div&gt;
          &lt;div style="float: right; border: 1px solid #00FF00;"&gt;sample text 3&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>