title: Integrate image with css in div using resolution in percentual
body: <p>I have a div that have <code>css: height:50%;</code> and inside there is another div with css: <code>height:50%;</code>.
  Inside the second <code>div</code>, there is an <code>image</code>.</p>
  
  <p>I can't have the image in the same dimension respect to height of the two (equal) <code>div</code>. 
  How can I fix it? </p>
  
  <p>Example:</p>
  
  <pre><code>#div1{
  height:50%;
  position:fixed;
  top:25%;
  }
  
  #div2{
  height:50%;
  position:fixed;
  top:25%;
  }
  
  #image{
  height:50%;
  position:fixed;
  top:25%;
  }
  
  &lt;div id="div1"&gt;
  &lt;div id="div2"&gt;
  &lt;asp:Image id="image" url=".." runat="server"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The image is 20x387. The resolution is 1280x1024.</p>