Reactive image border color does not inherit from link style color in Internet Explorer 7 and in Internet Explorer 8 beta 2

Expected results:

  1. when you load the webpage, the border around the image should be green.
  2. after clicking the image to visit the referenced webpage and after coming back with the Back button, the border around the image should be orange.
  3. hovering the mouse over the image should make the border around the image become yellow.

Actual results in IE 7 and IE 8 beta 2:

  1. when you load the webpage, the border around the image is blue.
  2. after clicking the image to visit the referenced webpage and after coming back with the Back button, the border around the image is purple
  3. hovering the mouse over the image makes the border around the image remain blue (not visited) or purple (visited).

Firefox 1.5, Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.2, Konqueror 3.5.9, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, NS 7.2, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22, Amaya 10 (partial success) all pass this test.

Note: the user preferences should allow the webpage to be able to set the colors for links. E.g.: the checkbox Tools/Internet Options/General tab/Accessibility button/Ignore colors specified on webpages should be unchecked. Same thing for other browsers: in Firefox: Tools/Options.../Content tab/Colors... button/Allow webpages to choose their own colors... should be checked.

Credit must go to Rob Novak for discovering and describing this bug in IE bug concerning CSS and IMG tag post.

This bug has been reported at connect's IE beta feedback as bug 354312.

Update: This bug has been FIXED in Internet Explorer 8 Partner pre-RC1 build 6001.18343 released on December 11th 2008. Otherwise, Internet Explorer 8 Partner pre-RC1 build 6001.18343 PASSES this specific and particular testcase.

Valid HTML 4.01! Valid CSS!