¿Cómo escondo mi desbordamiento de css personalizado en IE8?

He hecho una secuencia de comandos que usa CSS puro para alternar entre la imagen, el título de la imagen y el texto. Cuando ejecuto esto en IE8 puedo todos los elementos a la vez. La secuencia de comandos para esto es bastante extensa, por lo que, por conveniencia, he creado este JSFiddle . Necesito ocultar el cascade-overlay-content y he intentado usar el overflow:hidden; y agregarlo no cambió nada ya que aún puedo ver todos los elementos después de agregarlos a todas partes.

Intenta agregar { position: relative; } { position: relative; } al elemento padre. A veces es útil en versiones anteriores de IE, especialmente IE7. Además, asegúrese de que el padre tenga { overflow: hidden; } { overflow: hidden; } .