title: IE6 Absolute positioning
body: <p>There is structure. ad is positioned relative. And the all other divs in div.ad positioned absolute.</p>
  
  <p>top-left, bottom-left, top-right, bottom-right styles looking as it should. But "inside", "left", "right", "top", and "bottom" styles not working. <br/>
  left, right dont have specific heights and top, bottom dont have specific widths and inside dont have both bec div.ad's height and width expandable.</p>
  
  <p>Its working on IE 7,8,9 Opera 10.50+, Chrome and Firefox</p>
  
  <p>Modern browser screenshot <a href="http://i56.tinypic.com/2ia8tj5.png" rel="nofollow">http://i56.tinypic.com/2ia8tj5.png</a><br/>
  IE6 Screenshot <a href="http://i54.tinypic.com/2yozvar.png" rel="nofollow">http://i54.tinypic.com/2yozvar.png</a></p>
  
  <pre><code>&lt;div class="ad"&gt;
      &lt;div class="bottom"&gt;&lt;/div&gt;
      &lt;div class="top-left"&gt;&lt;/div&gt;
      &lt;div class="left"&gt;&lt;/div&gt;
      &lt;div class="bottom-left"&gt;&lt;/div&gt;
      &lt;div class="top"&gt;&lt;/div&gt;
      &lt;div class="inside"&gt;&lt;/div&gt;
      &lt;div class="top-right"&gt;&lt;/div&gt;
      &lt;div class="right"&gt;&lt;/div&gt;
      &lt;div class="bottom-right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  .ad {
      color: #606060;
      position: relative;
      padding: 12px;
      min-height: 55px;
      min-width: 246px;
      margin: 0 0 10px 0;
  }
  /*Side Start*/
  .top {
      top: 0;
      left: 11px;
      right: 10px;
      position: absolute;
      height: 11px;
  }
  .right {
      top: 11px;
      right: 0;
      bottom: 9px;
      position: absolute;
      width: 10px;
  }
  .bottom {
      bottom: 0;
      left: 11px;
      right: 10px;
      position: absolute;
      height: 9px;
  }
  .left {
      left: 0;
      top: 11px;
      bottom: 9px;
      position: absolute;
      width: 11px;
  }
  /*Side End*/
  .inside {
      position: absolute;
      background-color: #f7f6f6;
      top: 11px;
      right: 10px;
      bottom: 9px;
      left: 11px;
  }
  /*Corners Start*/
  .top-left {
      top: 0;
      left: 0;
      position: absolute;
      background-image: url('/images/DiseaseAds/border-top-left.png');
      background-repeat: no-repeat;
      width: 11px;
      height: 11px;
  }
  .top-right {
      right: 0;
      top: 0;
      position: absolute;
      width: 10px;
      height: 11px;
  }
  .bottom-left {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 11px;
      height: 9px;
  }
  .bottom-right {
      bottom: 0;
      right: 0;
      position: absolute;
      width: 10px;
      height: 9px;
  }
  /*Corners End*/
  </code></pre>