skip to menu

CSS Test Pages

Internet Explorer Bugs

If you currently using any version of Internet Explorer prior to the newly released IE8 in viewing this page, you will notice that the page looks a little odd. This is because of the various levels of support that each version of IE has for the CSS standards. There are further test cases in this directory.

Update (12th of May 2009): All of the bugs that were seen in IE8 beta 1 and beta 2 have now been fixed.

Bugs that are new in IE8

Waiting!

Bugs in IE 7 only

Trident Rendering Bands

This was originally an exploration into the cause of the IE Escaping Floats Bug and the IE Peekaboo Bug. Now these bugs are squashed but the rendering bands are present in IE 8 (beta 1) causing problems when using alpha transparent images in both IE 7 and IE 8 (beta 1). This bug is also present in IE 8 (beta 2) with page zooming.

Bugs in IE 5, IE 6 and IE 7

Escaping background image bug

In a container without hasLayout, background images are misplaced.

List items with floats and mysterious spaces

In IE the list item <li> has a affect on vertical margins of paragraphs and headings but when floated element are also present, a mysterious space appears.

IE/Win Calculated Offset Bug IE/Win Calculated Offset Bug with padding

This bug with absolutely positioned element following a float in the source. It happens because IE can not correctly offset auto. Please note that the test cases are incomplete.

IE7-/Win hasLayout and Margins

A Test showing the adverse affects on vertical margins of paragraphs, headings and divs when a parent container has hasLayout which are in violation of W3C specifications.

IE 7 Recalculated Offset Bug

The bug that has arrived with IE 7 now supporting the dynamic pseudo element :hover. Mysteriously the bug was present in IE 6 in a primordial way, but was not fully understood at the time.

IE/Win Margin Transference Bug

Do you sometimes wonder where that gap has appeared between a float and a clearing div, maybe the gap is caused by a margin further up in the source.

IE/Win Peekaboo Type Bug

The Pee-ka-boo Bug was one of the worst bugs that struck in IE6 and was happily fixed in IE7, but IE7 still fails to sometimes render content if fed particular CSS.

IE hasLayout and the return of the Guillotine bug

A bug that was supposingly fixed with IE7 now rears it's head again due to the IE property hasLayout and its effects with floats.

Bugs in IE 5 and IE 6

Background image drop bug

In a container without hasLayout following a float, background images are misplaced.

Other reported IE 8 bugs on other sites

Created: 9th March 2008
Updated: 12th May 2009

IE 8 related links

IE and Interoperability

Honor Roll

  1. Safari 3.2.2
  2. Firefox 3.0.10
  3. IE 8/Win
  4. Opera 9.64
  5. Firefox 2
  6. Gecko 1.7
  7. IE 7/Win
  8. Opera 2.5
  9. IE 5/Mac
  10. IE 8 (beta)
  11. IE 6/Win (and earlier)

Last revised: 12th May 2009

Copyright © 2008 Alan Gresley

My dream... A one inter-operable open web!