Dynamic height header in SEO optimized SOC (Source Ordered Content) layout using only CSS, no Javascript?

Programmer Question

Hey,

I want do do a layout that is search engine and speed-browser friendly with content first in source code. Usually this looks like this:

    
    

    i am content, i go first
    
    

    i am an header that is depressed because my designer things i am not important
    
    

but I need an dynamic sized header increases the height with its content...
this must be a common problem. is it possible to solve somehow?
any ideas?

Find the answer here