IE: Not fully clickable link when absolutely positioned over content

In the below test cases a block link (red border) with defined dimensions is absolutely positioned over some contents (text, images).

In IE 5.5–8 the non-text part of the link is not fully clickable. Areas covering underlying content are not clickable. Only some of the areas with no content below (e.g. the margins between paragraphs) are clickable. The same problem occurs in Opera 9+ (though the not clickable areas are slightly different), and the same workarounds apply.

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

Like the above, with an extra div around the link, and position:absolute moved on that. No variations on the problem.

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

Below the link has a (transparent) background image. It is now fully clickable in IE.

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

Below the link has a (yellow) background color. It is fully clickable in IE (but of course it obscures the underlying contents).

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

Below the link has a background color and then it is made transparent (to restore the visibility of the underlying contents) with an opacity filter. The link is fully clickable in IE.

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

Like the above, with an extra div around the link (position:absolute moved on that) to restore the red border delimiting the clickable area. The link is fully clickable in IE.

Sempre caro mi fu quest’ermo colle test image, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

E come il vento odo stormir tra queste piante test image, io quello infinito silenzio a questa voce vo comparando: e mi sovvien l’eterno, e le morte stagioni, e la presente e viva, e ’l suon di lei.

Così tra questa infinità s’annega il pensier mio: e ’l naufragar m’è dolce in questo mare.

link

CSS tests home