css vertically centering a fixed positioning div

Question

I have the following HTML for a sort-of lightbox project.

th

Answer 1

Alternatively, you could try this (only works if you know the height of the image):

#image{
position:relative;
height:600px;
top: 50%;
margin-top: -300px; /* minus half the height */
border:1px solid grey;
}