i've been trying to place an overlay on the iPad lockscreen using:

#overlay
{
position: absolute;
left: 50px;
bottom: 200px;
width: 64px;
height: 64px;
z-index: -1
}
What I want is the ipad to display the overlay 200 pixels from the bottom no matter what orientation it's in, landscape or portrait. In portrait it looks fine, however, when I go to landscape the overlay is cut off. It seems like the overlay doesn't move in respect to the bottom of the screen. If anyone could help me, that would be awesome. Thanks.