Veamos: en cada caja del menú (por ejemplo la primera, <div class="accor_pro...etcétera) tienes puesto un height: 189px. Quítalo.
Luego, en el selector .ui-accordion .ui-accordion-content, nuevamente tienes un height: 160px y un overflow: auto. Quítalos también.
Ahora tenemos la caja correctamente y sin scroll. ¿Pero qué ocurre cuando pulsas otro elemento del menú? que la caja no tiene alto.
Entonces: ¿podría ser que el javascript que usas para le asignara un height (que suele ser habitual por la transición), como ocurre por ejemplo en el caso de:
Cita: $('#news').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
});
Revisa qué es lo que hace el script del acordeón y cómo le asigna el alto máximo. Creo que ahí está el quiz de la cuestión.