title: How to set Div with 100% height with border?
body: <p>I want to divide page into two "div"s. Left(25%) and right(75%). And i wanted a border between the two, to separate them. But unless I enter text/image into the "div"s they don't expand. </p>
  
  <pre><code>&lt;div&gt;
      &lt;div class="left"&gt;
          &lt;img src="granted_300_50.png" id="logo"&gt;
      &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>And the css is:</p>
  
  <pre><code>div.left{
      background-image: url("flower_ornament2_watermark.png") ;
      background-repeat: no-repeat;
      background-color:white;
      border-top: 0px;
      border-right: 2px solid #c3c3c3; 
      border-left: 0px;
      border-bottom: 0px;
      white-space: nowrap;
      height: 100%;
      width: 350px;
      margin: 0px;
      outline: 0px;
      padding: 0px;
      vertical-align: baseline;
  }
  </code></pre>
  
  <p>Help?</p>
  
  <p>Digvijay</p>