Linked Image CSS Bug in Windows IE 5.0

This page exhibits reduced test cases for three different CSS bugs in Internet Explorer 5.0 for Windows that make image links stop working (i.e. linked images become disabled/unclickable). The only workaround seems to be to avoid using CSS in these particluar ways.

Fortunately, no other browsers seem to be affected by these bugs.

Reference link

<p class="test">
  <a href="http://www.google.com/"><img src="testimage.jpg" alt="Test image" /></a>
</p>

Bug example 1: Setting the anchor width

.test a { width : 120px; }

Bug example 2: Setting the anchor height

.test a { height : 120px; }
.test img { border : 2px solid blue; }

Note: We need to defined the img border, because otherwise the image will furthermore disappear when clicked. Silly bug.

Bug example 3: Absolute position anchor

.test a { position : absolute; }
.test img { border : 2px solid blue; }

Note: We need to defined the img border, because otherwise the image will furthermore disappear when clicked. Silly bug.