Intelligent scroll?

Jag håller på med en ny sida där jag är styrd att visa en reklam-banner
längst upp på sidan när man går in på den. Dock när man börjar scrolla finns inga regler för att den ska ligga kvar och ta upp plats så den går att scrolla bort.

Dessutom har jag en toppdiv med navigation som ska ha flytande position.

toppdiv skall ligga kloss i underkant med reklambannern tills denna scrollats ur bild, då skall toppdiv istället ligga kloss i underkant med browserns topp och innehållet skall scrollas in under toppdiven.

Går detta att åstadkomma med hjälp av CSS 2, XHTML 1.0 och W3C DOM?
Jag vill inte använda mig av Javascript.

Förklarande screens: