title: Why is colorbox not auto-adjusting the width?
body: <p>Why is colorbox not auto-adjusting the width? Instead it is showing a
  horizontal scrollbar.</p>
  
  <p>This is the <code>div</code> that is shown inside the model.</p>
  
  <pre><code>&lt;div style="width:900px"&gt;
      &lt;div style="float:left;width:640px;height:640px;text-
  align:center;background-color:#666;"&gt;
          &lt;img src="xyz.gif" alt="#" /&gt;
      &lt;/div&gt;
      &lt;div style="float:left;background-color:#eee;min-width:260px"&gt;
          Show buttons here that must show
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make sure that my colorbox model auto-expands to show 900px div
  and no scrollbar? </p>
  
  <p>The div is 708px witdth. Where is it getting this value from?</p>
  
  <p>Another problem: 
  The height is sometimes 34px, sometimes 600px+ even if I click the same link.</p>
  
  <pre><code>This is wrapping divs from firebug:
  &lt;div id="colorbox" class="" style="padding-bottom: 42px; padding-right: 42px; display: block; position: absolute; width: 708px; height: 542px; top: 0px; left: 337px;"&gt;
  &lt;div id="cboxWrapper" style="height: 584px; width: 750px;"&gt;
  &lt;div id="cboxMiddleLeft" style="float: left; height: 542px;"&gt;&lt;/div&gt;
  &lt;div id="cboxContent" style="float: left; width: 708px; height: 542px;"&gt;
  &lt;div id="cboxLoadedContent" style="display: block; width: 708px; overflow: auto; height: 522px;"&gt;
  </code></pre>
  
  <p>Somehow the width of the parent divs are getting calculated.</p>