title: child div not resizing with parent
body: <pre><code>I have the following html structure for a template.php page in my website. 
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      ......
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="container"&gt;
              &lt;div class="header_div"&gt; &lt;/div&gt;
          &lt;div&gt;        
  
          &lt;div id="body"&gt;
              &lt;div id="nav_bar_left"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  
              &lt;div id="content_right"&gt;
                  &lt;?php $this-&gt;load-&gt;view($content); ?&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div style="clear: both"&gt;&lt;/div&gt;
  
          &lt;div class="footer"&gt; &lt;/div&gt;
          &lt;div class="copyright"&gt;&lt;p&gt;Copyright &amp;copy; All Rights Reserved.&lt;/p&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then I have a load_view.php view file code shown below </p>
  
  <pre><code>&lt;div&gt;   
      &lt;?php echo form_open('main_controller/form_validate'); ?&gt;  
      &lt;table cellspacing="10"&gt;
          &lt;tr&gt;
              &lt;td&gt; &lt;/td&gt; 
          &lt;/tr&gt;
          &lt;tr&gt;
              .....
          &lt;/tr&gt;
              ........
      &lt;/table&gt;
      &lt;?php echo form_close(); ?&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to load into content area in my controller </p>
  
  <pre><code>  function reg_pupil()
     {        
      $data['content'] = 'load_view';
      $this-&gt;load-&gt;view('template', $data);
     }
  </code></pre>
  
  <p>however when a resize the form doesn't resize with its parent. How do I solve that , Is there any solution for the issue?</p>