[IE] overflow-y: auto avec une div spéciale, mais simple

J'obtiens la barre de scroll sous Firefox, ainsi qu'Opera, mais pour assurer l'accessiblité de tous navigateurs j'aimerais que ça fonctionne sous IE, j'ai épuré le CSS afin de rendre le problème compréhensible.

En images:
Sous firefox (ce que j'aimerais pour tout navigateur):
http://img72.imageshack.us/img72/7033/tempnv9.th.png
Et sous Internet Explorer (IETab):
http://img164.imageshack.us/img164/5086/tempiesr5.th.png

Code source:

<style type="text/css">
body { overflow: hidden; padding: 0; margin: 0; height: 100%; width: 100%; }
#header { position: absolute; width: 100%; height: 200px; background-color: lightpink; }
#frame { position: absolute; bottom: 0; top: 150px; overflow-y: auto; background-color: lightgreen; width: 100%; }
</style>
<div id="header"></div>
<div id="frame">
PAGE<br />etc.Evitons le flood.  [smile]
</div>

Merci de votre attention
Modifié par Excess (15 Aug 2006 - 15:01)

Et bien dis donc mon problème ne sucite pas grands intérêts, j'ai pourtant fait une recherche dans le forum mais à part mettre la #frame en position relative ce qui ne fonctionne pas chez moi, rien n'a été trouvé...

Dur la vie de webmaster...

Bonjour Excess,

Pourrais-tu éditer ton premier message afin d'utiliser les balises [code ] [code /] (sans espace) pour le code (cf: Mise en forme générale des messages)

Concernant ton problème, on ne peut tout simplement pas dimensionner un élément de cette manière avec IE6 (mais IE7 oui). Tu le verras très bien si tu enlèves le contenu. Dès lors, l'overflow ne peut pas avoir l'effet souhaité (il faudrait d'ailleurs utiliser overflow:auto)