div con altezza automatica

[IKON]

Salve a tutti,
dovrei creare nella parte alta della mia pagina un div che deve servire tipo da toolbar del sito, in ci andrà il nome del sito, qualche link di menù e qualche altra informazione.
Ma vorrei che se le dimensioni del browser non fossero sufficienti (in larghezza) le varie informazioni si dispongano una sotto l'altra.
Il codice html è:

<div id="Header" class="Header">
            <div id="HeaderTitle" class="HeaderTitle">
                Titolo del sito
            </div>
            <div id="HeaderMenu" class="HeaderMenu">
                menu 1
                menu 2
            </div>
            <div id="user" class="HeaderUser">
                Utente collegato
            </div>
        </div

Avete suggerimenti?
Grazie 1000

[Experiment8]

Devi utilizzare un media query, in fondo al css inserisci la voce:

@media all and (max-width:LARGHEZZA) { … }

Ovviamente al posto di "LARGHEZZA" ci va la dimensione a cui vuoi cambiare il layout (ad esempio: 500px), in questo modo appena la finestra sarà sotto i 500px di larghezza (la finestra del browser ovviamente) verranno applicate le regole al suo interno nel caso in cui sia soddisfatta la query.
Non funziona su IE8 e 7 a meno che non usi Modernizr.