div overflow sballato su firefox

[side-server]

ciao a tutti, in una pagina ho 4 div tutti affiancati l'uno con l'altro.

|div1|div2|div3|div4|

in div4 ho messo overflow: auto; il problema è che su FF la scrollbar è leggermente spostata verso il basso mentre su IE è correttamente in linea con gli altri div.

questa è la parte alta dello scroll:


questa la parte bassa:



su IE invece lo scroll è perfettamente in linea con l'altro div:


questo è il CSS che ho usato:

/* div1 e div3 */
div#menuleft, div#menuright {
float: left;
width: 50px;
}

/* div2 */
div#menu {
float: left;
width: 120px;
height: 400px;
text-align: center;
border-left: 1px solid #E4B752;
border-right: 1px solid #E4B752;
}

/* div4 */
div#content {
float: right;
width: 780px;
height: 400px;
overflow: auto;
} 

suggerimenti?