IE7 CSS Scrolling Div Bug

Je suis tombé récemment sur un seul bug d’IE7 que je pensais partager, alors quand je viendrai sur ce site dans 6 mois pour trouver la même chose, je l’aurai en main.

Je crois que le moyen le plus simple de recréer ce bogue serait le code HTML suivant dans une page avec un doctype déclaré (cela fonctionne correctement dans “quirks mode” / no-doctype):

 
[...]
  

Dans IE7, la div externe est une taille fixe et la div interne est relativement positionnée et contient plus de contenu (en supposant que la div interne provoque un débordement). Dans tous les autres navigateurs, cela semble fonctionner comme prévu.

Capture d’écran:

• Autoriser une balise spécifique à remplacer le débordement: masqué
• Colonnes fluides CSS, marges fixes; le saint graal des saintes Graal
• IE7 float bons problèmes
• Pouvez-vous définir un bouton radio html comme une case à cocher?
• Comment faire glisser le curseur de carrousel Bootstrap utiliser le balayage mobile gauche / droite

• CSS3 Flex: Tirez l’enfant vers la droite
• Le graphique NVD3 ne parvient pas à calculer la longueur du texte de légende dans Chrome, car Window.getComputedStyle ne renvoie pas correctement la taille de la police
• Affichage CSS: inline-block n’accepte pas la marge supérieure?
• Rendu d’ombre de texte Google Chrome
• CSS: Comment étendre cette superposition à 100% avec le défilement?