title: How to auto adjust the <div> height according to content in it?
body: <p>I have a <code>&lt;div&gt;</code> which needs to be auto adjusted according to the content in it.  How can I do this?  Right now my content is coming out of the <code>&lt;div&gt;</code></p>
  
  <p>The class I have used for the div is as follows</p>
  
  <pre><code>box-centerside  {
  background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
  float:left;
  height:100px;
  width:260px;
  }
  </code></pre>