marayev

<html>

<head>
<h1>My Web Page</h1>
<style type="text/css">
body{margin:20px;}
#one{
height:350px;
width:500px;
padding:10px;
border:10px dashed blue;

}
#two{
 border:8px solid green;
 padding:25px 22px 22px 22px;
 width:550px;
 height:400px;
}


#trans{
background-color:#ddff99;
width:270px;
height:80px;
position:absolute;
padding:10px;
border:5px solid red;
top:200px;
right:20px;
}

#three{
background-color:#ff00ff;
width:210px;
height:280px;
position:absolute;
padding:10px;
border:15px solid #00ffff;
top:250px;
right:150px;
overflow:hidden;
}

#four{
width:100%;
height:100%;
padding:5px;
}

</style>

</head>

<body>

<div id="two">
<div id="one">
</div>
</div>
<div id="trans">


</div>

<div id="three">

</div>

</body>

</html>