I need the #blue div positioned below the #green div
The #blue div should have a margin-top: -10px; property
<style>
#red{
width: 400px;
border: 1px solid red;
}
#green{
width: 100%;
height: 100px;
background-color: green;
border-bottom: 2px solid yellow;
z-index: 2;
}
#blue{
width: 100%;
height: 100px;
background-color: blue;
border-top: 2px solid brown;
margin-top: -10px;
z-index: 1;
}
</style>
<div id="red">
<div id="green">
</div>
<div id="blue">
</div>
</div>