strona wyśrodkowana w pionie

[pelirrojo]

Witam!
Próbuję zmodyfikować podany niżej kod, który wyśrodkowuje stronę w pionie,
działa fajnie tylko, że potrzebuję mieć height na auto. Na podstronach gdzie byłoby więcej treści może by nie było zbytnio efektu, ale byłoby widoczne na dużych monitorach (potrzebuje tego efektu właśnie by uniknąć "przyklejenia strony" do górnej krawędzi przeglądarki na dużych monitorach i pustki u dołu)

Zna może ktoś rozwiązanie?
Byłabym wdzięczna



<div id="middle">
<div id="container">
Witam na środku :)
</div>
</div>

#middle {
width: 100%;
position: absolute;
top: 50%;
margin-top: -300px; /*ujemna połowa wysokości #container*/
}

#container {
margin: 0 auto;
padding: 0;
text-align: center;
height: 600px;
}

w działaniu:
[inetart.pl/stuff/middle/]

---------- Post dodany o 12:29 ---------- Poprzedni post był o 12:07 ----------

problem jest chyba bardziej złożony, bo przy małych monitorach strona też się środkuje tym samym obcinając górę.
Jeśli ktoś wiedziałby jak to ugryźć lub gdzie znaleźć rozwiązanie byłabym wdzięczna za podpowiedź

---------- Post dodany o 13:53 ---------- Poprzedni post był o 12:29 ----------

po przeczytaniu różnych tutoriali dochodzę do wniosku że tego się chyba nie da zrobić
trzeba zdefiniować height bo wysokość w procentach nie działa, jeśli wysokość nadrzędnego elementu jest automatyczna (auto).