Hola jhonnkyng *,
Es un poco difícil analizar tu hoja de estilos si tener el código HTML y sin usar el browser que manejas.
Osea que sólo puedo opinar en términos muy generales:
Los lugares donde colocas "overflow" son, en mi opinión, "reiterativos":
.pagelayout-report #page-content #region-main {
overflow:auto;
}
.pagelayout-report #page-content #region-main .region-content {
overflow:visible;
}
Osea, al "padre" le asignas esa indicación y lo mismo al "hijo".
No sé qué sentido tenga, además de que a uno le pones "auto" y al otro "visible".
Yo usaría el "overflow" en la "div" que realmente incluye el contenido que deseo que no se "desparrame" de su caja.
Y lo usaría pero con valor de "auto".
Por otro lado, a mi me funciona el asunto asignando la altura (height) y, dependiendo de la situación, también la anchura (width).
Quizá algo como:
.pagelayout-report #page-content #region-main .region-content {
height:15em;
overflow:auto;
}
Nota que de esta manera afectarás a todos los navegadores (y no sólo al que tiene problemas).
Entonces como que habría que probar que en todos se viera bien, y sino es el caso, irse por las instrucciones CSS propias de Mozilla.
Aunque en este escenario quizá se afectarían también las nuevas versiones de Mozilla Firefox, no sólo la que usas.
Entonces quizá sería mejor que reinterpretaras tu estrategia de colocación del contenido.
Bien, creo que es a lo más a lo que llego en este caso.
No sé si otra persona pudiera aconsejarte mejor, pero esperemos que alguien se anime
Saludos
PD Tu CSS tiene errores de validación (osea que no está todo lo bien hecha que debiera). Checa esto también, pues puede afectar.