Ciao gente, sto andando fuori di testa! Non riesco a risolvere questo problema e ne ho bisogno entro fine giornata! AIUTATEMI!

Dunque.. ho una pagina cosi strutturata:
codice:
<html>
<body>
   <div id="background"></div>
   <div id="myPage">
            <div id="mostraNews"> Tutto il contenuto del div </div>
   </div>
</body>
</html>
Ora, "mostraNews" è nascosto, lo faccio apparire tramite fadeIn. Quello che vorrei ottenere è che all'apparizione di "mostraNews", questo sia contenuto in "myPage", in modo che io possa poi scrollare "myPage" e visualizzare tutto il contenuto di "mostraNews".

ho gia settato "overflow: scroll" su "myPage", il problema è che quando faccio il fadeIn di "mostraNews", questo mi appare SOPRA il div e non dentro ad esso...

Qualche idea?
Grazie mille a tutti!