HTML / CSS - [HTML e CSS] Problema con intestazione fissa

Ciao a tutti e grazie in anticipo.
Sto sviluppando un sito (la parte su cui si verifica il problema è in un sistema di layout centralizzato gestito tramite php, comunque la pagina dove si nota di più e questa: universalide.sourceforge.net/…).
Vorrei che la barra di intestazione si stesse ferma quando l'utente scrolla la pagina. Ho provato a risolvere e ci sono riuscito ma con un metodo veramente ciaffo, ecco il codice:
HTML:

<header>
<h1><img src="/img/icon.png" alt="UniversalIDE icon"> UniversalIDE</h1>
<h2>Open source multi-language developing environment for windows</h2>
<b>Note:</b> Actually UniversalIDE is in beta and there is only an add-on for testing. I will start developing add-ons when I finish this site.
</header>
<br><br><br><br><br><br><br><br>
(contenuto della pagina)

CSS:

header {position: fixed; background-color: white; width: 100%; top: 0px; left: 10px}

Come avete visto ho usato la sequenza di BR per evitare che l'header si sovrapponesse al contenuto. Sapreste dirmi se c'è un metodo più elegante? Grazie

Io metterei il contenuto della pagina in un div e gli assegnerei un margin-top: <dimensioni>.

Il contenuto della pagina è in una table che si trova sotto l'header (quindi non penso che sia diverso dal mettere tutto in un div); se per <dimensioni> intendi l'altezza dei titoli, ho provato ad assegnare alla table margin-top: 150 px, ma ora temo che su schermi di risoluzione diversa dal mio non vada bene; non c'è un modo per far stare la tabella esattamente nella stessa posizione dove starebbe se l'intestazione fosse fissa? Grazie

Fintanto che le dimensioni del tuo header sono fixate (ad esempio assegna height: 150px) dovresti essere a posto.

Ah ok perfetto grazie mille