How to center fancyBox

[Tream]

Hi,
I am looking for a possibility to center the fancybox in viewport,
and making it scrollable.

An example, how it would be perfect (any example on that page):
http://fancybox.net/

I tried many things:

<style>
    .fancybox-wrap {
        position: absolute !important;
    }
</style>

$.fancybox.open("#div");
$.fancybox.reposition();

Or

$.fancybox.open("#div");
$(".fancybox-wrap").css("top",pos+"px); // pos = height in px

But the fancybox is always on top of the page.

Maybe somebody can help me with that.

[JFK]

most likely you have general css rules that affect fancybox like

div {
position: abolute;
}

use specificity instead like

div#mydiv {
position: abolute;
}

or show a link