Как спрятать часть таблицы за элемемент?

Имеем следующее:

HTML:

1. <div style="width:300px;">
2. <table style="width:700px;">
3. ....
4. </table>
5. </div>

В такой ситуации таблица естественно вылазит за пределы div.
Можно ли сделать так, чтобы вылезшая часть таблицы была невидимой, как буд-то "под ковром"?
Если да, то как?
Элемент div при необходимости можно изменить на другой элемент.

 

спасибо преогромнейшее