title: How to set a relative height of a div with no height
body: <p>I need help setting 'div1' to 50% of its parent element: 'div2'. The height of 'div2' is decided by an image inside it. How can I set 'div1' to 50% 'div2'</p>
  
  <p>Example: <a href="http://jsfiddle.net/k39048eh/" rel="nofollow">http://jsfiddle.net/k39048eh/</a> </p>
  
  <p>For 'div1' I have tried: <code>height: 50%</code>, <code>min-height: 50%</code>;
  For 'div2' I have tried: <code>height: auto</code></p>