Vertically centering a popover div

Question

I'm trying to make an iPad-like popover div as an exercise, but I can't find out how to vertically center the popover div, having an unspecified content width/height.

http://jsfiddle.net/mbYyR/5/

I want the triangle to point to the position defined by #popover-wrapper's top/bottom right/left values, but top: -50% does not work.

Thanks for your help :)

Answer 1

you can fix this problem using jquery, please check fiddle link