Salve, è da un po' che sto impazzendo e non riesco a capire perché questo codice non funziona come vorrei; ecco il codice HTML:

codice:
<!DOCTYPE html>
<html><head><title>$titolo</title><link rel="stylesheet" type="text/css" href="stile.css" /></head><body>
<div id="titolo">
<div id="logo">logo</div>
<div id="pub1">pub1</div>
</div>
</body></html>
E qui il CSS:
codice:
body {
background: #ff00ff;
}

#titolo {
width: 900px;
height: 100%;
margin: 0px auto;
}

#logo {
background: #ff0000;
width: 150px;
height: 90px;
float: left;
}

#pub1 {
background: #ff0000;
width: 728px;
height: 90px;
float: right;
}
Utilizzando la funzione "Ispeziona elemento" di Chrome o di Firefox, vedo che il tag body non contiene tutto il codice che dovrebbe contenere; infatti, ha un'altezza di 0px! Così anche il div titolo... Inoltre i due div logo e pub1 non sono "attaccati" al margine superiore dello schermo, è come se ci fosse un margin-top che in realtà non c'è!
Il fatto è che tutto ciò accade solo se collego al file html il file css... senza il css funziona tutto perfettamente! Che devo fare??