Не получается с помощью z-index надвинуть матрешку на слой.
Наложение происходит только с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">

А мне надо с таким <!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">.
Помогите.
----------------------------------------------------------------------------------------------
Кстати в мозиле не накладывается даже с <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
Есть основания предположить что не в доктайпах дело.
И вопросик еще такой - а можно положить матрешку прямо на тело?
Вот такой кодик.

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
<html>
<head>
 * *<title>Untitled</title>
 * *<style>
 * ** {
 * * * *margin: 0;
 * * * *padding: 0;
 * * * *border: 1px solid white;
 * * }

#X1_f {
 * *background-repeat: repeat-x;
 * *height: 240px;
 * *overflow: hidden;
 * *margin-left:140px;
 * *margin-right:140px;
}
#X1_lg {
 * *background-position: left;
 * *background-repeat: no-repeat;
 * *height: 240px;
 * *overflow: hidden;
}

#X1_rg {
 * *background-position: right;
 * *background-repeat: no-repeat;
 * *height: 170px;
 * *padding-top: 70px;
 * *text-align: center;
 * *overflow: hidden;
}


#X1_r {
 * *background-position: right;
 * *background-repeat: no-repeat;
 * *height: 240px;
 * *overflow: hidden;
 * *z-index:3;
 * *position:relative;
 * *top: -50;
}
</style>

</head>
<body bgcolor ="green">
<div style=" background-color:olive; color: navy; *position:relative; font-size:100px; z-index:2 ">Слой на который накладываем</div>

<div id="X1_r"><div id="X1_f"><div id="X1_lg"><div id="X1_rg">
 *<font face ="Franklin Gothic Medium" >
 * * Это матрешка
</font>
</div></div></div></div>
</body>
</html>