overflow:hidden no IE8 e 10

Prezados,

Tenho uma questão aqui desesperadora. Pela primeira vez vi uma estilização css funcionar perfeitamente no IE7, mas não funcionar no IE8 e no IE10 (sim, no IE10, pra quem achava que ele estava melhor, ele continua fazendo das suas...).

O problema está num simples overflow:hidden, necessário para fazer um slider (mostrar apenas os elementos limitados ao espaço do conteiner, os demais aparecem conforme o jQuery controla a posição dos elementos filhos).

A principio ele não pegava no elemento section, que esta renderizando no IE7 com uso do modernizr, mas no IE8 simplesmente ele desconsidera o overflow:hidden e mostra tudo, causando uma quebra gigantesca. Tinha tentado trocar para o shiv, shim, etc... mas não resolveu.

Aí tentei fazer uma coisa que nem sempre é necessária com html5: divs. Achei que o problema era no section... não funcionou

Aí resolvi apelar e usar aquela antiga técnica de div.overview dentro de uma div.viewport pra tentar forçar o funcionamento da coisa... não funcionou

Realmente muito extranho isso. E antes que alguém pergunte:

• não implementei o jQuery ainda (kero deixar o css redondo primeiro).
• não posso usar plugin (e evito isso) porque o html neste caso deste slider é diferenciado dos formatos de plugin padrão.

Segue a página (temporária) abaixo, que no modelo original não tinham aquelas duas div's. Mas se alguém puder ajudar muitíssimo obrigado:

http://www3.opovo.com.br/conectado/