Problema Affiancamento div FF

[Splact.com]

Salve a tutti questo è il mio primo post, ho un problema da due giorni che non riesco a risolvere riguardo al mio primo utilizzo dei contenitori div. La pagina la potete vedere QUI'. Se aprite con Firefox gli errori cm potete vedere sono la stranissima posizione che assumono i link per il login o per la registrazione, e poi l'allineamento a sx delle tabelle delle news, anche se quello so che è un prob di FF e so cm risolverlo, in ogni caso non riesco proprio a capire cm si trovano co quei link.
questo è il codice d'interesse della pagina html è qusto:
"<div class="container">
<div class="header">
<div class="headerlx">
[img]resources/logo.png[/img]
</div>
<div class="headerrx">
</div>
</div>
<div class="menu">
<div class="buttons">
<% printButtons(readAccount(request.Cookies("user")(" usr"), request.Cookies("user")("psw"))) %>
</div>
<div class="loglink">
<% logLink(readAccount(request.Cookies("user")("usr") , request.Cookies("user")("psw"))) %>
</div>
</div>
<div class="content">
<% listNews 3,request.QueryString("news") %>
</div>
<div class="footer">
<font class="ltxt">BEnoise.net Ver 0.0073 by Carella Dario.</font>
</div>
</div>"

Mentre il css d'interesse è questo:
"/*STRUTTURA PRINCIPALE*/
.container{
width:800px;
height:100%;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
padding:0px 0px 0px 0px;
text-align:left;
}
/*HEADER*/
.header{
width:100%;
height:100px;
margin-top:0px;
background-image: url('resources/bgheader.jpg');
background-repeat:repeat-x;
padding:0px 0px 0px 0px;
}
.headerlx{
width:40%;
height:100%;
margin:0px;
padding-left:20px;
float:left;
}
.headerrx{
width:60%;
height:100%;
margin:0px;
padding-right:20px;
}
.menu{
width:100%;
height:92px;
background-image: url('resources/bartop.jpg');
background-repeat:repeat-x;
}
.buttons{
width:70%;
height:100%;
padding-left:10px;
text-align:left;
float:left;
}
.loglink{
width:30%;
height:100%;
float:right;
padding-right:10px;
text-align:right;
}
/*CONTENT*/
.content{
width:100%;
background-image: url('resources/bg.jpg');
text-align:center;
}
/*FOOTER*/
.footer{
width:100%;
height:90px;
background-image: url('resources/barbottom.jpg');
text-align:center;
}"

Scusate forse la troppa confuzione, grazie in anticipo.

[autumn]

ciao, io non sono un asso con i css, ma provo comunque ad aiutarti... giusto perché mentre aspetti qualcuno più ferrato intanto provi la mia soluzione.

Innanzitutto una curiosità: nel codice originale spero tu usi i rientri perché altrimenti ci diventi matto....ovviamente scherzo

Veniamo a noi: innanzi tutto il problema dei link potrebbe... e dico potrebbe, essere dovuto al fatto che buttons ha float left e login, float right. Fai entrambi left o right.... magari non c'entra niente e ho detto una castroneria. Inoltre visto che di castroneria forse ne ho già detta una provo a dirtene una seconda... prova a fare in modo che la somma non sia 100% ma 99%, perché dalla visualizzazione sembra che vadano a capo perché non entrano nella riga.

Per quanto riguarda l'allineamento a sinistra dei box... ti consiglio di usare il metodi di accentramento classico, magari funziona. I box che vuoi porre al centro devono avere
padding: 0 auto;
Questo ovviamente se vuoi che non abbiano spazio sopra e sotto ma che siano centrati. Insomma se vuoi lasciare 10px sopra, 5 px sotto e centrarlo in orizzontale devi scrivere
padding:10px auto 5px auto;


Spero che gli altri forumisti non si stiano tenendo la pancia dalle risate scaturite dalle ca...te che ho scritto, ma soprattutto spero di esserti utile.

Buona giornata

[Splact.com]

Risooooooooooooooooooooooooooolto graaazie mille :P