title: How to set two div relative?
body: <p>How can I set two <code>div</code>s side by side so that by increasing the height of the second <code>div</code>   height of the first <code>div</code> increases simultaneously.</p>
  
  <p>I have tried to make it like this:</p>
  
  <pre><code>#content6 &gt; #product-left{
      width: 355px;
      float: left;
      height: auto;
  }
  #content6 &gt; #product-left ul li a{
      font-size:12px;
  }
  #content6 &gt; #divide{
      background: url('../images/nav-btn.jpg') repeat-y;
      float: left;
      height: auto;
      width: 20px;
      position:absolute;
      /* position: fixed; */
      display: block;
      /* margin-left: 9px; */
      /*border: 1px solid;*/
  }
  #content6 &gt; #content-right{
      float: left;
      width: 655px;
      height: 300px;
      margin-left: 10px;
      /*border: 1px solid;*/
  }
  </code></pre>
  
  <p>Here is html page:</p>
  
  <pre><code>&lt;div id="content6"&gt;
          &lt;div id="product-left"&gt;
              &lt;ul&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;PTFE COATED FIBERGLASS FABRICS&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;PTFE COATED FIBERGLASS FARBIC SELF-ADHESIVE&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;PTFE COATED FIBERGLASS BELTS&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;PTFE COATED FIBERGLASS OPEN MESH DRYER BELTS&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;SILICON RUBBER COATED FIBERGLASS FABRIC&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#"&gt;HIGH TEMP FIBERGALSS WOVEN-NONWOVEN FILTER BAGS&lt;/a&gt; 
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div id="divide"&gt;
  
          &lt;/div&gt;
          &lt;div id="content-right"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Please Do the needful.</p>