Scroll se monta encima del contenido

[moNTeZIon]

Hola chicos,
les voy a poner un poquitin más de código, que no sea por eso..

Código:

<div style="position: relative; width: 100%; height: 440px; overflow-x: hidden; overflow-y: auto;">
    <center>

        <table cellpadding="0" cellspacing="0" style="width: 100%; border-width: 0px; background-image: url(Images/imagen1.jpg); margin-bottom: 5px;">
            <tr style="height: 40px;">
                <td style="width: 100px; text-align: left; vertical-align: middle;"></td>
                <td style="text-align: center; vertical-align: middle;">
                    <span class="TextoGigante" style="color: #FFFFFF;">TITULO PRIMERO</span>
                </td>
                <td style="width: 100px; text-align: right; vertical-align: middle; padding-right: 5px;">
                    <a href="TI_ComoComprar.htm" onclick="window.open(this.href,'ComoComprar','top=0,left=0,width=640,height=480,scrollbars=yes,resizable=yes'); return false;"><img src="Images/BotonInterrogante.gif"></a>
                </td>
            </tr>
        </table>

        <div class="TextoGrande" style="height: 25px; font-weight: bold;">TITULO SEGUNDO</div>

        <table...
        </table>

    </center>
</div>

Entiendo que salga es scroll cuando se alargue esa ultima tabla para abajo, pero no entiendo que salga por encima del contenido. Entiendo que debería poderse leer todo, haya scroll o no...
Gracias por su ayuda.
Saludos