html - not - IE7 CSS Scrolling Div Bug

table layout fixed

Question

Recientemente me encontré con un IE7 único error que pensé que compartiría, así que cuando llegue a este sitio dentro de 6 meses para descubrir lo mismo, lo tendré a mano.

Creo que la forma más fácil de volver a crear este error sería el siguiente html en una página con un doctype declarado (funciona correctamente en "modo peculiar" / no-doctype):

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

En IE7, el div externo es un tamaño fijo y el div interno está relativamente posicionado y contiene más contenido (suponiendo que el div interno provoca un desbordamiento). En todos los demás navegadores, esto parece funcionar como se esperaba.

Captura de pantalla:

Answer 1

La solución más fácil sería agregar position: relative; a la div externa. Esto hará que IE7 funcione según lo previsto.

(Ver: http://rowanw.com/bugs/overflow_relative.htm ).

EDITAR: Versión de caché del enlace roto en waybackmachine.org