Salve a tutti!

sto riscontrando problemi nell'uso di <!DOCTYPE html>.

In particolare, quando inserisco questa dichiarazione all'inizio del codice, mi viene visualizzata una pagina bianca, mentre quando la ometto la pagina viene visualizzata.

Arguisco che ci deve essere qualche errore nel codice che ho scritto, ma non riesco a capire dove. Probabilmente si tratta di una cosa elementare, ma non per un novellino come me...


Riporto sia il codice che il foglio di stile:

codice:
<!DOCTYPE html>
<html>

        <head>
                <link rel="stylesheet" type="text/css" href="style_mini.css" />
        </head>

        <body style="margin:0 px">

           <div id="page">
                <div id="titlebar"><div style="width: 800px;">
                        <font face="arial">
                           <font size="5">Dr. Giuseppe Papari</font>

                           <font size="3">INRIA (National research institute of Informatics and automatics), Paris Rocquencourt, France</font>
                        </font>
                </div></div>
</div>

        </body>
</html>

codice:
#page
    {
    position:relative;
    width:100%; 
    height: 100%; 
    overflow:hidden;
    margin:0px;
    padding:0px;
    }

#titlebar
    {
    background-color: #008;
    color: #FFF;
    margin: 0px;
    padding: 5px;
    height: 50px;
    overflow: hidden;
    width:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border-width: 0px;
    }

Smanettando un po', ho notato che elimnando dal codice html il tag <div id="titlebar">, la pagina viene visualizzata correttamente, quindi ci deve essere qualcosa che non va nel file di stile, ma non capisco cosa. Oppure qualcos'altro mi sfugge...


Ringrazio tutti per l'aiuto,
Giuseppe.