guida al web design - layout e livelli

Salve stavo leggendo la guida al web design e stavo provando a riportare lo stesso codice per realizzare un template come riportato in quella lezione, però quando creo il file style.css e creo la pagina html i vari pezzi del template mi si visualizzano in maniera non corretta nel senso, nella lezione c'è scritto che per affiancare due div di usa il comando float e lo si imposta a left però poi quando metto il div logo e il div ricerca quest'ultimo non si affianca ma va a capo questo mi succede con mozilla firefox, con ie va tutto bene ? come faccio a renderlo compatibile anche con firefox ?

il padding sarebbe la dimensione, in termini di altezza, del campo giusto ? ma non credo sia per quello che mi da questo problema di visualizzazione con FF, c'è qualche attributo nel css che posso modificare per corregere questo errore ? Qualcuno mi sa dire cosa devo modificare nei css affinchè anche su FF si visualizzi correttamente ?

allora se cambio la larghezza su firefox poi mi si scombina tutto su ie, c'è un modo per farsì che sia visualizzato allo stesso modo per tutti e due i browser per tutte le versioni ?

vabè ma non hai risposto alla mia domanda ancora, c'è un modo per risolvere questo problema di visualizzazione tra i due diversi browser ?