[CSS][JavaScript] Wyświetlanie zawsze na środku Opcje

[pawel.ad]

Witam
Używam pluginu http://www.zurb.com/playground/reveal-modal-plugin
Wszystko jest super poza tym że chciałbym żeby "modal window" zawsze wyświetlało się na środku.
Teraz gdy scrolluje się stronę w dół, "modal window" zostaje na górze. Podejrzewam że jest to jedna wartość którą trzeba zmienić, ale nie mogę jej znaleźć, i byłbym wdzięczny za pomoc

JS: http://pastebin.com/9Prnk36G
CSS: http://pastebin.com/3AgmYcsD

***

Zgodnie z http://css-tricks.com/320-quick-css-trick-...-in-the-center/
zrobiłem coś takiego

[CSS] pobierz, plaintext 
.reveal-modal {
		visibility: hidden;
		top: 50%; 
		left: 50%;
		width: 670px;
		margin-top: -200px;
		margin-left: -375px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: fixed;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
[CSS] pobierz, plaintext 

I wszystko było by super, gdyby nie to że w zależności na której wysokości kliknę(tzn. jak bardzo zescrolluje na dół) na link to okno otwiera się gdzie indziej... ;/

Wydaje mi się że CSS bierze wartość "top:50%" od początku strony, a nie od początku tego co widzimy, tylko że nie wiem jak to zmienić...

Ten post edytował pawel.ad 12.11.2011, 23:27:27