title: Cut div in half horizontally
body: <p>How do I change the CSS <a href="http://www.oddskill.net/test/csstest" rel="nofollow">here</a> to work with dynamic parent div sizes and continue to populate half the height and complete width of the parent div <code>theapp</code>? Specifically, <code>#innerpanelA</code> and <code>#innerpanelB</code></p>
  
  <p>I tried using % values instead of the fixed sizes but that failed horribly.
  A pure css and html solution would be best, no js no resizing.</p>
  
  <p>best regards</p>