Absolutely Positioned Element Becoming Invisible When It Leaves Container Bounds

see this jsfiddle HTML:

How can i make div2 appear on screen?<

Solution 1:

Change z-index:1; on div1 to z-index:3; FIDDLE

#div1
{
position:absolute;
width:200px;
height:200px;
background-color: yellow;
left:0px;
top:0px;
z-index:3; // change this to a number higher than others
}