Como ocultar div inteira se ela for cortada?

O layout do meu site tem 2 colunas.

Na lateral esquerda (width 700px) exibe todo conteúdo texto;

Na lateral direita (width 200px) exibe anúncios (banners 120x60).

Estrutura (x)HTML/CSS

<div id="conteudo">
<p>texto aqui</p>
</div>

<div id="anuncios">
 <div class="box_banners">
 banner1
 banner2
 </div>

 <div class="box_banners">
 banner1
 banner2
 </div>

 <div class="box_banners">
 banner1
 banner2
 </div>
</div>

Minha dúvida é: é possível ocultar as divs "box_banners" caso o conteúdo seja menor (height menor)?

Eu tentei colocar um overflow: hidden, mas aí ele geralmente corta a div box_banners e eu queria que se cortasse, mesmo que só 1px, ocultasse a div inteira.

É possível fazer isso, talvez com auxílio do Javascript?

Obrigado.