problemone con allineamento livelli

[francesco_c]

ciao a tutti,

raga sto impazzendo per due livelli che non riesco ad allineare (guardate screen),

il livello sulla sinistra ha il seguente css:

#menu{
margin:0px;
padding:0px;
width:163px;
float:left;
display:block;
background:url(immagini/menu.jpg) no-repeat;
border-right:solid #333333 1px;
border-bottom:solid #333333 1px;
}

mentre quello sulla destra il seguente:

#fondo{
margin:0px;
padding:0px;
width:646px;
background:url(immagini/fondo.jpg) no-repeat;
float:right;
text-align:left;
}


la cosa a dir poco assurda è che se apro la pagina mi appaiono disallineati, se faccio un refresh si allineano.

cosa può essere? spero possiate aiutarmi.

grazie anticipatamente