Unfortunately, using "absolute" at the top level will limit your options when not pairing with other absolutes. Many devs use absolute to their detriment and thus run into problems like yours. This has to do with a misconception of CSS positioning and how it works on the "large scale".
That said, do you really need it outside of the flow of the document or do you need it outside the flow of the body of the document? These are two different things and require different solutions entirely.
P.S. Stating that you want it to push the document down implies the latter. This is why I am seeking clarification.
Positioning anything absolute will position it absolutely of the containing element ( if that is positioned ) there is no way to make an absolutely positioned element push anything down as it is positioned to left x and top x, even if you give it a height and width, that's the whole purpose of positioning something absolutely
If you need a element to push something down consider floating it and clearing the float after it.
[ed. note: paulp last edited this post 14 years, 1 month ago.]
@Paulp:
This is mostly correct. By exchanging positioning, you can make absolutely positioned elements push relative ones, but it requires some trickery that is not advised in the least, and unpredictable unless one is extremely familiar with tricksiness (yes, it is a word, :p ). Additionally, you can make it inherit properties (depending on the browser) of the containing element, but this can have undesired effects.
The short story is that you must position every element. The semi-long story is that you must keep a very diligent practice of flipping between absolute and relative. And... its dirty. So extremely dirty.
[ed. note: fuzzicallogic last edited this post 14 years, 1 month ago.]
Use a wrapper positioned relative and inside the wrapper put the logo positioned absolute. You can stack wrappers vertically with an offset if positioned relative.
