I posted this question in HTML and not here. Maybe it is a CSS question more than a HTML one. Sorry for double posting. Here is a link to my problem (http://www.dynamicdrive.com/forums/showthread.php?t=2815)

I think it may help!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style type="text/css">
{
margin: 0px;
padding: 0px;
}
#parent{
width: 100%;
height: 100%;
background-color: #006830;
color: #FFFFFF;
}

.child1{
position: relative;
top:50px;
left:50px;
width: 40%;
height: 40%;
background-color: #686830;
color: #FFFFFF;
/z-index:0;*/
}

.child1 .child1{
background-color: #FAFAFA;
color: #000066;
}

</style>
</head>

<body>

<div id="parent">
PARENT!!!
<div class="child1">
CHILD!!!
<div class="child1">
CHILD OF CHILD!!!
</div>
</div>
</div>

</body>
</html>