Image of a pink ladybug

CSS Test Pages

Internet Explorer Bugs

If you currently using any version of Internet Explorer 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.

The test cases that have been previously developed were largely focusing on IE 7 bugs but now IE 8 is in beta testing, I will begin to list the bugs that this version has. Since I don't have a local copy of IE 7 available to test with (I don trust IE7 Strict mode) the focus is now on IE 8.

Bugs that are new in IE 8 (beta)

Display table phantom bug

IE 8 has a bug with display table properties. Other CSS properties on the same element are duplicated or replicated and phantom boxes appear. Enough to break a site where the author has used display table properties for browsers that have supported the properties (please note the header of this page for an example where I have used display:table). These test cases are rather new so I am still testing.

Floated Overflow boxes

If you float an overflow box it becomes un-scrollable in IE 8.

Empty declaration block bug

If a selector appears after an import with an empty declaration block E {} then the next rule set will be dropped that is earlier in the`cascade.

Overflow hidden with relatively positioned child

If a child element of an overflow hidden container is given position relative this stacks the child outside and above it container.

Bugs that are unique to IE 7 and IE 8 (beta)

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 still present in IE 8 causing problems when using alpha transparent images in both IE 7 and IE 8.

The same old bugs in all versions of IE

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. This bug is still present in IE8.

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

This bug still is persisting in IE 8 if an absolutely positioned element follows a float in the source. IE 7 and earlier version will always show the bug. It happens because IE can not correctly offset auto. Please note that the test cases are incomplete.

Test Cases in other part of the sites showing persistent or new bugs in IE 8

Inline content and block level elements over floats.

Two linked test cases that push all browsers in how they stack inline or block elements around floated elements. The change in behavior from IE 7 and IE 8 is very different.

Multiple backgrounds string bug.

When using multiple background images, IE8 will try to download the full string of two or more images instead of dropping the whole declaration.

Bugs with this page.

  • Highlighting the text above to the left of the link "Multiple backgrounds string bug." will cause the text block to jumps up. Highlighting the text above to the left of the link "Inline content and block level elements over floats" causes the text block to reflow into it's correct place.
  • Letters with long descenders being chopped off. ie. g, j, p & q. (note the main header of this page)

Bugs in IE 5, IE 6 and IE 7

IE/Win hasLayout and Margins IE/Win hasLayout and Margins with Floats

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.

Other reported IE 8 bugs on other sites

Created: 9 Mar 2008
Updated: 23 Mar 2008

IE 8 related links

IE and Interoperability

Honor Roll

  1. Webkit nightly
  2. Safari 3 (beta)
  3. iCab 4 (Gecko-Mac)
  4. Sunrise 4 (Webkit-Mac)
  5. Firefox 3 (beta)
  6. Opera 9.5 (beta)
  7. Firefox 2
  8. Gecko 1.7
  9. Opera 2.5
  10. IE 5/Mac
  11. IE 7/Win
  12. IE 8/Win (IE 7 mode)
  13. IE 8 (beta)
  14. IE 6/Win (and earlier)

Last revised: 19th Mar 2008

Lastest test: Delta

Copyright © 2008 Alan Gresley

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