title: Nested expanding div tag creating scrollbars in Opera - I don't want that
body: <p>I'm having an issue with an expanding div tag that is nested within another div tag. In IE the expanding div tag expands outside the outer div tag when needed. However, in Chrome, when the inner div tag expands, it causes the outer div tag to get scroll bars. I would like the behavior to be the same as in IE - no scroll bars appear and the content overlaps the body content of the page (after all it is just the shopping cart widget).</p>
  
  <p>Here is the code in my html page.</p>
  
  <pre><code>&lt;div id="mastheadcontainer"&gt;&lt;!-- Begin mastheadontainer --&gt;
  &lt;div id="masthead"&gt;&lt;!-- Begin Masthead --&gt;
      &lt;div id="mastheadcontent"&gt;
          &lt;div id="googlecart-widget" style="float:right;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!-- End Masthead --&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>#mastheadcontainer {
  width: 100%;
  margin: 0 auto;
  background-color: #dcb;
  border-bottom:10px solid #0066CC;
  /*margin-bottom:20px;*/}
  
  
  #masthead {
  text-align: right;
  width: 960px;
  margin: 0 auto;
  overflow: auto;}
  
  
  #mastheadcontent{
  width:956px;
  height:122px;
  margin:0 auto;
  /*background-image:url('../images/bk-masthead.jpg');*/
  /*background-repeat:no-repeat;*/
  background-color:#dcb;}
  </code></pre>
  
  <p>Any recommendations so that the inner div tag expands similar to the behavior in IE when viewed in chrome?</p>
  
  <p>Thanks
  Mike </p>