<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
        <title>Percentage Height Test of Absolute Inside Relative</title>
        <style type="text/css">

body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color:red;
}

.content {
    background-color:red;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.alpha {
    position: absolute;
    background-color:green;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

        </style>
    </head>
    <body>
        <div class="content">
            <div class="inner">
                <div class="alpha">
                    
                </div>
            
            </div>
        </div>
       
    </body>
</html>