"Until IE is reasonably standards-compliant you can expect no quarter from us. We've spent too much time designing web sites that will work for CSS and then work for IE. We've destroyed budgets, pissed off our bosses, irritated clients and made development more expensive because of your little (Rosemary's) baby.
We web developers [are] fully aware that when your sweaty, monkey-boy of a boss was leaping around onstage chanting 'developers! developers! developers!', he most certainly wasn't thinking about us." - Chris, August 11th 2006, IE Blog
1- Non-defined value of option is not set to the contents of the OPTION element Firefox 1.x, Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Konqueror 3.5.8, Galeon 2, Epiphany 2 all pass this test. Another interesting testcase for this bug is initial value of the 'value' attribute of <option> is not set to the contents of the element by Nisse Engström.
2- Top: <percentage> on relatively positioned element where its containing block's height is auto must be resolved as top: auto Firefox 1.x, Firefox 2.x, Opera 9.23, Opera 9.50a1, Safari 2, Safari 3.0.3, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Konqueror 3.5.8, Galeon 2, Epiphany 2 all pass this test.
3- Constrained link is shrinked by wrapping cell
This bug happens often. The web author creates a site menu based on a table, defines display: block for the link in order to make the link clickable in the whole area of the cell, then uses width: 100% (instead of width: auto). NS 6.2, NS 7.0, NS 7.2, Seamonkey 1.x, K-meleon 1.x, Firefox 1.x, Firefox 2.0, Safari 2.0, Safari 3.0.2, Opera 9.01, Konqueror 3.5.4, Hv3 TKHTML alpha 16, Galeon 2.0.1, Epiphany 2.14 all pass this test.
4- Left: auto and margin bug 1st Demo 2nd Demo 3rd Demo. Opera 8.50, Safari 2.0, Safari 3.0.2, Opera 9.01, Konqueror 3.5.4, Firefox 1.5.0.6, Firefox 2.0, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2.0.1, Epiphany 2.14 all pass all 3 tests. These bugs have also been identified and demonstrated by several others, including in Alan Gresley's excellent IE7 Recalculated Offset Bug test page and by Ryan Shannon in his IE7 Breaks Offsets.
5- Default border-color when not explicitly defined This is a failure to implement correctly CSS 1 border-color property. Konqueror 3.3, Konqueror 3.5.8, Opera 8.50, Opera 9.01, Firefox 1.5.0.6, Firefox 2.0, Safari 2.0, Safari 3.0.2, Amaya 9.54, NS 6.1, NS 6.2, K-meleon 1.x all pass this test.
6- Border-color bug This testcase comes from an example as given in the last 3 Working Draft of CSS 2.1, in section 8.5.4. Konqueror 3.3, Konqueror 3.5.8, Opera 8.50, Opera 9.01, Firefox 1.0.4, Firefox 1.5.0.6, Firefox 2.0, Seamonkey 1.x, K-meleon 1.02, Safari 2.0.4, Safari 3.0.2, Amaya 9.54, NS 6.1, NS 6.2, NS 7.0 and NS 7.1 all pass this test.
7- Background-attachment: scroll should scroll within the containing block, not within the viewport This bug is a failure to implement correctly CSS 1 background-attachment property. Firefox 1.x, Firefox 2.x, Opera 9.x, Amaya 9.52, Amaya 9.54, Seamonkey 1.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
8- Absence of parsing errors on 3 malformed declarations Firefox 1.5.0.6, Firefox 2.0, Safari 2.0, Safari 3.0.2, Konqueror 3.3, Konqueror 3.5.8, Opera 9.01, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Amaya 9.53 all pass these 3 tests.
9- Absence of parsing errors on 2 malformed border shorthand declarations Firefox 1.5.0.6, Firefox 2.0, Safari 2.0, Safari 3.0.2, Konqueror 3.3, Konqueror 3.5.9, Opera 9.01, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2 all pass both these tests.
10- Float bug in IE 7 (CSS 1 Test Suite: 4.1.4) we support the 'float' property, and pass the set of tests in the CSS1 test suite
Chris Wilson, August 10th 2006. Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5.8, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
11- Another float bug in IE 7 (CSS 1 Test Suite: 5.5.25b) we support the 'float' property, and pass the set of tests in the CSS1 test suite
Chris Wilson, August 10th 2006. Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5.8, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
12- Background-color inherit (CSS 1 Test Suite: 7.1) Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5.8, Amaya 9.54, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
13- Id versus name when using getElementById is incorrectly implemented This one has been reported by many people, including Peter-Paul Koch.
14- Background-color of select must be transparent so that color of selected option gets visible, is shown. Opera 9.50, Konqueror 3.5.8 all pass this test.
15- Inline box height should not grow, should not stretch vertically to fit nested inline child elements Firefox 1.0.8, Firefox 1.5.0.7, Firefox 2.0, K-meleon 1.0.2, Opera 9.02, Amaya 9.52, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Safari 2.0, Safari 3.0.2, Konqueror 3.4.3, Konqueror 3.5.4, Epiphany 2.14, Galeon 2.0.2 all pass this test.
16- When HTML 4 rules attribute is defined for rows, cols or groups, then the border-collapse value must be collapse in CSS 2.1 Firefox 2.x, Opera 9.x, Safari 3.0.4, NS 7.2, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass these 3 tests.
17- tbody {height: 150px; overflow: auto;} does not work
18- CSS2 caption-side property not supported Firefox 1.5.x, Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.0, NS 7.2 all pass this test.
19- CSS error parsing error: Parsing color: rgb(real, int, int) is wrong Firefox 1.5.x, Firefox 2.0.0.9, Opera 9.50, Safari 3.0.3, Konqueror 3.5.8 all pass this test.
20- Width of a table in border-collapse: collapse model must include half of the table border Internet Explorer 8 beta 1, Firefox 3, Seamonkey 2.x all pass this test. Firefox 2.0.0.13 and Konqueror 3.5.8 also pass this test but they return the wrong computed value for CSS width.
21- Dynamically inserted radio button is not checkable
22- insertRow() not working accordingly
23- if(SelectIterator == OptionIterator) {objOption.defaultSelected = true;};
defaultSelected is not supported by MSIE 6+
24- document.getElementById(SelectList[SelectIterator]).add(objOption, null);
add(objOption, null) does not work under Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8. Firefox 1.5, Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 1.x Seamonkey 2.x, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass this test.
25- A <col>'s width should include a table's cellpadding Firefox 1.5, Firefox 2.x, Firefox 3, Seamonkey 2.x, NS 7.2, Opera 6.06, Safari 3.0.2, Internet Explorer 8 beta 1 all pass this test.
26- DOM nodeType constant values are not listable, are not accessible Firefox 2.0.0.9, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8 all pass this test. This bug has been reported at connect's IE beta feedback as bug 339307.
27- Incorrect parsing of CSS declarations involving cursor: url("...") Firefox 2.0.0.9, Safari 3.0.4, Konqueror 3.5.8 all pass this test.
28- padding on <col> must be ignored Firefox 2.0.0.9, Safari 3.0.4 all pass this test.
29- Incoherences with offsetLeft, offsetTop and offsetParent implementations. If an object has no offsetParent, then the offsetLeft value and offsetTop value should be undefined. If an object's offsetLeft value and offsetTop value are integer values, then such object must have an offsetParent otherwise the definitions provided at MSDN do not make sense at all. offsetLeft, offsetTop and offsetParent demo Ambiguities, incoherences and circular dependencies have been reported by other observers.
30- Support for cssFloat Firefox 2.0.0.9, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Hv3 TKHTML alpha 16 all pass this test.
31- Borders on <col> are not applied Firefox 2, Firefox 3, Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 1.x Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass this test.
32- Many DOM attributes are wrong
33- Support of comma as separator in CSS 2.1 property clip: rect(valOffsetTop, valOffsetRight, valOffsetBottom, valOffsetLeft) Firefox 1.5.0.7, Firefox 2.0, Opera 9.02, Konqueror 3.5.4, Safari 2.0, Safari 3.0.2, NS 6.2, NS 7.0, NS 7.1, NS 7.2 and MSIE 5.5 all pass this test.
"Internet Explorer takes their usual route and ignores the required comma separated values and only supports the optional comma-less method. So, even though using commas is the correct method, you'll need to drop the commas in order for the clip property to work in Internet Explorer (even in IE7)." taken from Misunderstood CSS Clip by Nicholas Gagne. This is also reported in the tutorial Creating Thumbnails Using the CSS Clip Property by seifi.org in the following manner:
"The W3C recommendation suggests using commas between the coordinates, however this is broken in Internet Explorer. Strangely using the commas in IE does not work when in standards-compliant mode, but it does work when in quirks mode.".
34- Internet Explorer 6 and Internet Explorer 7 fail to collapse adjoining [top | bottom] margins according to CSS 2.1. 1st Demo According to CSS 1, section 4.1.1 and CSS 2.1, section 8.3.1,
Firefox 1.5.0.7, Firefox 2.0, Opera 9.02, Konqueror 3.5.5, Safari 2.0, Safari 3.0.2, Hv3 TKHTML alpha 16 all pass this test.
35- Internet Explorer 7 fails to collapse adjoining margins according to CSS 2.1 2nd demo Firefox 1.5.0.7, Firefox 2.0, Opera 9.02, Konqueror 3.5.4, Safari 2.0, Safari 3.0.2, Hv3 TKHTML alpha 16 all pass this test.
36- Internet Explorer 7 fails to collapse adjoining margins according to CSS 2.1 3rd demo Firefox 1.5.0.7, Firefox 2.0, Opera 9.02, Konqueror 3.5.4, Safari 2.0, Safari 3.0.2, Hv3 TKHTML alpha 16 all pass this test.
37- Internet Explorer 6 and Internet Explorer 7 fail to clear according to CSS 2.1 spec.; there is also this important additional demo on clear which is more revealing of the way Internet Explorer 6 and Internet Explorer 7 fail to clear elements. Firefox 1.5.0.7, Firefox 2.0, Opera 9.02, Konqueror 3.5.5, Safari 2.0, Safari 3.0.2, Hv3 TKHTML alpha 16 all pass this test. This bug is very often encountered and very often reported in web authoring newsgroup discussion forum as breaking basic CSS columnar layout; e.g.: CSS columnar layout that fails in MSIE 7: 5th demo (Mike Barnard)
38- Horizontal line's css color Opera 9.10, Konqueror 3.5.5, Safari 2.0, Safari 3.0.2, Firefox 2.x, Seamonkey 1.x, Amaya 9.53, Hv3 TKHTML alpha 16 render this testcase perfectly. "Essentially, IE treats them [horizontal lines] as inline elements, while the others [browsers] treats them [horizontal lines] as block elements." coming from How do I style an hr?
<hr> is a block-level element, not an inline-element.
39- Negative margin on a floated block Opera 9.20, Konqueror 3.5.5, Amaya 9.55, Safari 2.0.4, Safari 3.0.2, Firefox 2 and Seamonkey 1.x all pass this test.
40- Absolutely positioned elements are very difficult to select (highlight) precisely, conveniently via keyboard (Shift+ left/right arrow keys) or via mouse (caret dragging). Steps to reproduce: load this Basic 2 Columns CSS layout that fails (usability) in MSIE 7 demo page and then try to select text precisely in the right orange column. No problem whatsoever with Firefox 2, Opera 9, Safari 2, Safari 3.0.2, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16. Absolutely impossible for MSIE 6 and MSIE 7.
41- Infinite loop related to overflow and position: fixed
Very important: make sure you have the Windows Task Manager opened so that you can view the CPU %tage activity for processes
Steps to reproduce the hang bug:
To disactivate the infinite loop and its consequent maximized CPU %tage activity (hang bug), just scroll down the vertical scrollbar of the Subject Index Pane with the scrollbar thumb.
This bug is a serious bug.
42- Dynamically DOM-created and DOM-inserted form controls are not DOM-fetchable, not DOM-queryable This bug was also reported by Aaron Gustafson in Death to bad DOM Implementations in september 2005. "I just encountered a DOM implementation issue in IE which took about three hours to solve (and like a year off my life)." This bug is also mentioned, explained at Semicolon's "Setting the 'name' attribute in Internet Explorer" by Bennett McElwee.
43- Vertical-align: sub is incorrectly rendered Firefox 2.0.0.3, Safari 2.0.4, Safari 3.0.2, Opera 9.20, Seamonkey 1.x, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Epiphany 2.14, Konqueror 3.5.5 all pass this test.
44- Background and inherit bugs Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5.8, Seamonkey 1.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test. Credit goes to Lutz-Peter Hooge
for one of his testcase.
45- Table cell border color must use color if not defined Firefox 2.0.0.6, Safari 3.0.3, Opera 9.50, Amaya 9.55, Konqueror 3.5, Seamonkey 1.x, Seamonkey 2.x, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
46- Left floated block bug Firefox 2.0.0.3, Safari 2.0.4, Safari 3.0.2, Opera 9.20, Seamonkey 1.x, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Epiphany 2.14, Konqueror 3.5.5 all pass this test. This bug was also found, investigated and reported by Donald Milne in his Incorrect interaction in Internet Explorer 6+ of floated div with following non-floated div. Credit goes to Lutz-Peter Hooge for filing a float bug with a similar testcase.
47- Table border conflict resolution This example comes directly from section 17.6.2 of CSS 2.0 spec. and section 17.6.2.1 of latest CSS 2.1 spec.. NS 7.0, NS 7.2, Seamonkey 1.x, K-meleon 1.x, Firefox 1.x, Firefox 2.x, Safari 2.0, Safari 3.0.2, Opera 9.x, Konqueror 3.5.4, Galeon 2.0.1 all pass this test.
48- Failure to parse incorrect selector (wrong syntax) NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Seamonkey 1.x, K-meleon 1.x, Firefox 1.x, Firefox 2.x, Safari 2.0, Safari 3.0.2, Opera 9.x, Amaya 9.54, Hv3 TKHTML alpha 16, Konqueror 3.5, Galeon 2.0.2, Epiphany 2.14 all pass this test.
49- Links with display: block do not react to hover over their non-text part if previous block-level element has a negative margin-top. NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Seamonkey 1.x, K-meleon 1.x, Firefox 1.x, Firefox 2.x, Safari 2.0, Safari 3.0.2, Opera 9.x, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Galeon 2, Epiphany 2 all pass this test.
A similar problem/issue was explained in Sliding doors of CSS, part II in "A list apart" article, in October 2003
50- CSS 2.1, section 9.5.1: float example failure. This float test/example directly comes from the CSS 2.1 spec (latest Working Draft), in section 9.5.1. Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5, Amaya 9.54, Hv3 TKHTML alpha 16 all pass this test.
51- CSS columnar layout that fails in MSIE 7: 1st demo: resizing text size breaks this CSS columnar layout in MSIE 7. Firefox 2.0.0.4, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 7.0, NS 7.2, Amaya 9.55, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2, Epiphany 2 all pass this test.
52- CSS columnar layout that fails in MSIE 7: 2nd demo: the main content (central column) is pushed down by a huge gap and the left column has light green stripes. Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Amaya 9.55, Hv3 TKHTML alpha 16, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
53- Miswritten system font reserved names are honored: IE7 does not parse correctly miswritten system font reserved names. Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2, Epiphany 2 all pass this test.
54- hasAttributes() method is not supported. IE7 does not support DOM 2 Core hasAttributes() method. Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
55- DOM 1 Core and DOM 2 Core attributes NamedNodeMap implementation Internet Explorer 6 and Internet Explorer 7 do not implement correctly the attributes attribute as a list of specified attributes. Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
56- Javascript reserved keyword const is not supported MSIE 7 does not support the javascript reserved keyword const used to declare and to define constants. Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
57- OffsetHeight for dynamically created with document.write() is wrong Firefox 2.0.0.4, Safari 2, Safari 3.0.2, Opera 9.21, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
58- Formatted alternate text is not implemented Alternate text for nonexistent images should be rendered as specified by markup code. This bug will still occur even if the MSIE 7 user has the Tools/Internet Options.../Advanced tab/Accessibility section/Always expand ALT text for images checkbox checked. Firefox 2.0.0.4, Opera 9.21, Konqueror 3.5.8, Amaya 9.55, NS 6.2, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
59- In CSS 2.1, identifiers (class, id) can not start with a hyphen followed by a digit. Firefox 2.0.0.5, Opera 9.22, Safari 3.0.4, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test. NS 7.0, Konqueror 3.5.8 and Safari 3.0.2 partially pass the test.
60- A relatively positioned child is not clipped, hidden by parent with overflow: hidden. This bug has also been reported and described by Alan Gresley's Overflow hidden with relatively positioned child bug report and in connect's bug 332028 CSS overflow test by JackChapple. Firefox 2.0.0.5, Opera 9.22, Safari 3.0.2, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
"other bugs that we fixed: (...) Nested block elements now respect all overflow declarations (hidden, scroll, etc)" taken from IE Blog, Details on our CSS changes for IE7, August 22nd 2006.
61- A relatively positioned inline child is not clipped, hidden by parent with overflow: hidden Firefox 2.0.0.5, Opera 9.22, Safari 3.0.2, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
62- The value of usemap must match the value of the name attribute of the associated map element. This comes directly from the HTML 3.2 and HTML 4.01 spec. Firefox 2.0.0.5, Safari 3.0.2, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test.
63- Non-floated <div> unexpectedly wraps around a right-floated <div> on next line. The test can be better (or also) seen when resizing the browser window. Firefox 2.0.0.6, Safari 3.0.3, Opera 9.22, Konqueror 3.5.8, Amaya 9.55, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.x, Epiphany 2.x all pass this test.
64- CSS columnar layout that fails in MSIE 7: 3rd demo: because of its left: auto miscalculation offset bug, the navigation menu links at the top are incorrectly offset. Firefox 2.0.0.6, Safari 3.0.3, Opera 9.22, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.x, Epiphany 2.x all pass this test. Hv3 TKHTML alpha 16 positions navigation menu links at the top with the correct offset but it does not render the whole webpage as expected.
65- 1px dotted borders are rendered as dashed if any of its 4 sides has a different border-width. Despite claims from IE blog on August 22nd 2006, this is still a non-fixed bug. Firefox 2.0.0.6, Safari 3.0.3, Opera 9.22, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Amaya 9.55, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.x, Epiphany 2.x all pass this test. This bug has also been reported by others, including Dan in dotted borders test in Internet Explorer 7.
66- Float bug when containing block has a specified width. When a containing block has a specified width (e.g. "width: 335px;"), its float (if sufficiently long, tall) must protude out of its containing block, must spill past the bottom of its containing block and extend outside, below and the text of its next sibling must be "pushed aside". Firefox 2.0.0.6, Opera 9.23, Safari 3.0.3, Konqueror 3.5.8, Hv3 TKHTML alpha 16, NS 7.0, NS 7.2, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.1.2, Galeon 2.x, Epiphany 2.x all pass this test. This bug has also been reported by several others, including Rubb in Float bug in IE when container has width specified and by Nick Rigby in containing float bug example.
67- Links in <ul> styled with display: block do not trigger :hover when hovering the mouse cursor over their non-text part if they are at the same vertical position as text in a next sibling. Firefox 2.0.0.6, Opera 9.23, Opera 9.50, Safari 3.0.3, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.1.2, Galeon 2.x, Epiphany 2.x all pass this test. This sort of bug happens often in CSS columnar webpage templates (e.g.: Bridge CSS columnar template and is reported often in newsgroups (e.g.: http://www.itzehoer.de/ in alt.html newsgroup forum discussion on May 4th 2007 under the subject line Link-Problem with IE7) and is one reason why amateur web authors resort to display: table-cell, bizarre hacks, ugly and non-forward-compatible hacks or/and even table-based layout design.
68- Vertical-align should NOT and must NOT apply to <ul> with list-style-image. Firefox 2.0.0.6, Opera 9.23, Opera 9.50, Safari 3.0.3, Konqueror 3.5.8, Seamonkey 2.0a1pre, Konqueror 3.5.2, Seamonkey 1.x, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2 all pass this test.
69- Rendering ALT text for images as inline and expanding the image placeholder dimensions as required by the alt text. When an image can not be displayed - for whatever the reasons -, then the alt text should be rendered as inline and image frame/placeholder dimensions should be ignored. Firefox 2.0.0.6, Amaya 9.55, Seamonkey 1.x, Seamonkey 2.0a1pre, Seamonkey 1.x, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2 all pass this test.
70- Images should be underlined in the following testcases:
Firefox 2.0.0.6, Safari 2.0.4, Safari 3.0.3, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 7.2 all pass these 3 tests.
71- Internet Explorer 6 and Internet Explorer 7 fail to collapse adjoining bottom margins according to CSS 2.1: Collapsing adjoining bottom margins and position bug demo According to CSS 1, section 4.1.1 and CSS 2.1, section 8.3.1,
Firefox 2.0.0.7, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
72- Internet Explorer 6 and Internet Explorer 7 fail to correctly position an image with background-position when it is defined with em: MSIE 7 background position bug demo. Firefox 2.0.0.7, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2 all pass this test. Credit goes to Tim Snadden for his Internet Explorer Background Position Bug demo.
73- Internet Explorer 6 and Internet Explorer 7 position wrongly the border of a paragraph: Mispositioned border demo. Firefox 2.0.0.7, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2, Amaya 9.55, Hv3 TKHTML alpha 16 all pass this test.
74- Internet Explorer 6 and Internet Explorer 7 wrongly style <col>: <col> styled by color declaration demo. Firefox 2.0.0.7, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2, Amaya 9.55, Hv3 TKHTML alpha 16 all pass this test.
75- Internet Explorer 6 and Internet Explorer 7 return a cell collection on a table: HTMLCollection cells is not an attribute of HTMLTableElement demo. Firefox 2.0.0.7, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.2, NS 7.0, NS 7.2 all pass this test.
76- Internet Explorer 6 and Internet Explorer 7 do not support several CSS 2.1 list-style-type: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian and georgian demo Firefox 2.0.0.7, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 7.0, NS 7.2, all pass this test. Amaya 9.55 partially pass this test.
77- Internet Explorer 6 and Internet Explorer 7 render a padding box for empty block-level element when they are preceded by an inline element: Empty block-level element demo Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.1, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
78- Internet Explorer 6 and Internet Explorer 7 do not collapse margin-top accordingly between <body> and first in-flow block-level child: Margin-top collapsing demo Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.1, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Amaya 9.55 all pass this test.
79- Internet Explorer 5, Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8 beta 1 do not increase or decrease correctly nested block-level elements when they use font-size: 1em: EM text resizing bug demo. This is a widely known and very frequently encountered and reported bug in Internet Explorer 5, Internet Explorer 6 and Internet Explorer 7 . Basically, the problem with setting the font-size in EM is that increasing or decreasing text size will grow or shrink fonts out of proportion (exponentially) for nested block-level elements. Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.5, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.1, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Amaya 9.55 all pass this test. This bug has been reported at connect's IE beta feedback as bug 339085. This IE 5+ bug has been reported many times, in many newsgroup discussion forums on web authoring, in various webpages, blogs from web developers. It's really worth mentioning a few of them and quoting some highly relevant testimonials describing accurately the effects of this bug:
"IE gets its text resizing horribly wrong when just using ems. (...) bump the text size up or down, and you'll notice that IE scales ems far more drastically than percentages, resulting in too big / too small text."
from Patrick H. Lauke, May 18th 2004, Weblog comments: How to size text using ems
"text sized in ems can be resized across all browsers. However IE6 and IE7 unacceptably exaggerate the smallness and largeness of the resized text"
from Richard Rutter, November 20th 2007, How to Size Text in CSS
"However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected"
from Jon Tan, September 27th 2007, The Incredible Em & Elastic Layouts with CSS
"If for instance you set the root element (either <body> or <html>) to font-size:1em, then just setting View > Text Size to 'smaller' can cause the text to become unreadably small."
from css-discuss.incutio.com, 2007, UsingEms, A word of caution concerning Internet Explorer
"When I tried font-size:1em, my IE6 browser 'text size' will toggle from very tiny to very huge.
....Not acceptable for accessibility!"
from Krystof, August 29th 2005, Weblog comments: How to size text using ems
Only 2 people explained and documented this bug in detail (with screenshots, examples, demos):
80- Internet Explorer 6 and Internet Explorer 7 do not correctly support Number.toFixed() for numbers in the ranges {(-0.94,-0.5], [0.5,0.94)}: Number.toFixed() demo Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.x, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2, Epiphany 2, NS 6.1, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
"(...) the next incarnation of the [Internet Explorer] bug database? What makes you think that there is ever going to be a next incarnation? (...) It has been 'temporarily' offline for more than a year. It isn't coming back.
(...) I have a solution, openness.
The IE team can start *actually* communicating with people, especially developers, about the content of IE8, the roadmap of IE's future, both with IE8 but also beyond that, and how they are going to address the issues that web developers still have with them. They can recreate (or create) a bug database in which developers can log IE issues and they can actually do *something* with the issues logged so that people can see progress.
(...) How about sitting down with the makers of the other browsers (like Opera, Apple, Mozilla, not to mention others) to discuss how they can work together for the common good of the web?
(...) There needs to be a way for developers to log real issues, which the IE team then triages and potentially responds to, *at all times*, not just during a beta. If they have a temporary bug database and then turn it off, I will understand why they do so but that doesn't really solve the problem of 'How do you report a serious bug or issue to the IE team?' and 'If you do report an issue, how do you know if it will ever be addressed?' These are real issues to people." Al Billings, ex-Microsoft project manager (9 years) for the Internet Explorer team, February 23rd 2008, IE Blog
81- Internet Explorer 6 and Internet Explorer 7 do not support favicon of type image/png (or of other types of image like gif): favicon of type image/png demo Firefox 2.0.0.8, Opera 9.50, Safari 3.0.3, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16 all pass this test.
82- Internet Explorer 6 and Internet Explorer 7 treat <hr> elements as inline elements when the HTML 4 specification indicates that <hr> elements are block-level elements: Horizontal line tests demo Firefox 2.0.0.8, Safari 3.0.3, Konqueror 3.5.2, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Epiphany 2.20, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Amaya 9.55 all pass this test.
83- Internet Explorer 6 and Internet Explorer 7 accept and honor nested media at-rules when nested media at-rules should (and must) be parsed as errors. Nested media at-rules demo Firefox 2.0.0.8, Opera 9.24, Opera 9.50, Amaya 9.55, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2 all pass this test. Credit goes to Gabriele Romanato
for reporting this bug.
84- Internet Explorer 7 do not float elements with float: right in certain nested absolutely positioning situations. Float inside <div>s with position: absolute demo Internet Explorer 6 (almost), Firefox 1.5, Firefox 2.0.0.9, Safari 2.0.4, Safari 3.0.3, Opera 9.24, Opera 9.50, Hv3 TKHTML alpha 16, Konqueror 3.5.2, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Epiphany 2.20 all pass this test. Credit goes to Michael Hasenstein for his google's post "bug in IE7: a float:right does not float"
85- Internet Explorer 6 and Internet Explorer 7 do not resolve margin-top: auto to 0 and margin-bottom: auto to 0 as they should according to CSS 2.1, section 10.6.3 on Block-level non-replaced elements in normal flow which states
If 'margin-top', or 'margin-bottom' are 'auto', their used value is 0.
Margin-top: auto and margin-bottom are not resolved to 0 demo. This bug occurs very often to web authors and baffles them as they have no idea what is causing the vertical gap, vertical spacing between elements. Firefox 1.5, Firefox 2.0.0.9, Safari 2.0.4, Safari 3.0.3, Opera 9.24, Opera 9.50, Hv3 TKHTML alpha 16, Konqueror 3.5.2, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.14, NS 6.2, NS 7.0, NS 7.2 all pass this test.
86- Internet Explorer 6 and Internet Explorer 7 do not render default margin-top and margin-bottom in some cases where the container is floated. Default top and bottom margins for paragraph disappear unexpectedly demo. This bug occurs very often to web authors and baffles them as they have no idea as to why margin-top and margin-bottom disappear. Firefox 1.5, Firefox 2.0.0.9, Safari 2.0.4, Safari 3.0.3, Opera 9.24, Opera 9.50, Amaya 9.55, Hv3 TKHTML alpha 16, Konqueror 3.5.2, Seamonkey 1.x, Seamonkey 2.0a1pre, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.14, NS 6.2, NS 7.0, NS 7.2 all pass this test.
87- Internet Explorer 7 do not render max-width set to list-item correctly. Max-width and list-item demo. This bug creates 2 layout problems. First, the list-markers are all "1" instead of being incremented. Second, the list-marker appears on the left of the last line of the text of the list-item, not on the left of the first line of the list-item. Firefox 1.5, Firefox 2.0.0.9, Opera 9.24, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.14, NS 7.0, NS 7.2 all pass this test. Credits go to Chris Beall reporting this max-width declared on list-item bug.
88- CSS columnar layout that fails in Internet Explorer 6 and in Internet Explorer 7: 6th demo: because of its failure to support negative margin on floated elements, a whole column (left orange) is not visible, is not viewable. Firefox 1.5, Firefox 2.0.0.9, Safari 2.0.4, Safari 3.0.4, Opera 9.24, Opera 9.50, Konqueror 3.5.8, NS 6.2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2, Epiphany 2 get the expected results. This bug has been reported in "Firefox and IE 7" in comp.infosystems.www.authoring.stylesheets forum message and can be noticed in a Holy Grail CSS columnar webpage demo coming from A List Apart article: In Search of the Holy Grail by Matthew Levine on January 30th 2006
89- Internet Explorer 7 does not render correctly left: auto and top: auto for absolutely positioned elements. This simple CSS drop-down list does not render as expected in Internet Explorer 7. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, NS 6.2, NS 7.0, NS 7.2 all pass this test.
90- Internet Explorer 6 and Internet Explorer 7 incorrectly honor invalid CSS property names. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, NS 6.2, NS 7.0, NS 7.2 all pass this test.
91- Internet Explorer 6 and Internet Explorer 7 incorrectly honor invalid CSS property names when prefixed by almost any character. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, NS 6.2, NS 7.0, NS 7.2 all pass this test.
92-
Infinite loop related to overflow
WARNING: This webpage testcase creates severe problems to Internet Explorer 7. Before loading this testcase webpage, make sure you have the Windows Task Manager opened so that you can view the CPU %tage activity for processes
This CSS columnar webpage template creates an infinite loop (and then the iexplore.exe application hangs) due to an incomplete rendering in Internet Explorer 7. The painting of a whole <div> is not accomplished. Internet Explorer 7 will have huge and severe problems with this webpage. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Hv3 TKHTML alpha 16, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, NS 6.2, NS 7.0, NS 7.2 all pass this test. All credits must go to John A. Bilicki III for being the first to report this kind of very severe bug on September 2nd 2006 in IE blog.
93- CSS columnar layout that fails in MSIE 7: 7th demo. This is another example of the left: auto offset miscalculation done by Internet Explorer 7. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.2, Galeon 2, Epiphany 2 all pass this test. This testcase originally comes from the CSS columnar webpage template Invasion v. 1.1 created and authored by Gabriele Romanato and all credits must go to Gabriele.
94- Empty element with a nested float child should not render background-color demo. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, NetFront 3.2 all pass this test.
95- Empty block-level element should not render background-color demo. Firefox 1.5, Firefox 2.x, Opera 9.24, Opera 9.50, Safari 3.0.4, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, NetFront 3.2 all pass this test.
96- Margin-left applied twice to input text box demo. Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, NetFront 3.5 all pass this test. Credit must go to Alex for reporting this bug on December 24th 2007 in this google post in comp.infosystems.www.authoring.stylesheets forum discussion newsgroup.
97- The last character of a floated text is duplicated demo. Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, NetFront 3.5 all pass this test. Credit must go to Alice for reporting this bug in duplicate line in IE7 post in comp.infosystems.www.authoring.html and in Emory's On Silverlake - Dinner Menu (reduced testcase).
98- The last character of a floated text is duplicated demo. Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Amaya 9.55, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, NetFront 3.5 all pass this test. Credit must go to Alice for reporting this bug in duplicate line in IE7 post in comp.infosystems.www.authoring.html and in Emory's On Silverlake - Dinner Menu (reduced testcase).
99- Max-width and text-align interact incorrectly demo. A block-level element with a defined, specified max-width declaration will be floated to the right if text-align: right is specified for the body. This is wrong: only the text should be aligned to the right, not the block-level element itself. Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test.
100- The last (in order of appareance) rule with same media, same importance, same origin, same specificity must prevail demo. According to CSS 2.1, section 6.4.1 Cascading order, when 2 css rules have the same media, same importance, same origin and same specificity, then the declarations of the last css rule must prevail: (...) if two declarations have the same weight, origin and specificity, the latter specified wins.
. Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test.
101- Padding-left is not rendered in certain situations, when absolute positioning and nowrap are simultaneously involved, combined. Internet Explorer 6, Firefox 1.5, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test.
102- Padding and border are rendered beneath body node. Since the blue-bordered inline-elements seem to have a lower stacking position than the red bordered body node in Internet Explorer 7, then the border and padding areas are not visible, not viewable, seem to be truncated. This is most likely the same bug as the Disappearing border-top bug reported by Ben Hollis and the same bug that is affecting this 1997 Web Standards Project basic testcase. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test.
CSS 2.1, Section 9.9.1 states
"Each stacking context consists of the following stacking levels (from back to front):
1. the background and borders of the element forming the stacking context.
2. the stacking contexts of descendants with negative stack levels.
3. a stacking level containing in-flow non-inline-level descendants.
4. a stacking level for floats and their contents.
5. a stacking level for in-flow inline-level descendants. (...)"
CSS 2.1, Section 9.9.1 Layered presentation; Specifying the stack level: the 'z-index' property
103- A negative margin-right is incorrectly rendered in a nested block. This bug happens often when designing, building a CSS columnar webpage template and is a great source of frustration among web authors. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test. Credit must go to Sjaak Priester for providing a testcase on this precise bug.
104- A negative margin-left applied to a nested block makes it impossible to select/highlight with the mouse. This bug becomes a clear usability problem for users. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass this test. Credit must go to Sjaak Priester for providing a testcase on this precise bug.
105- Any value given to button[value="x"] will cause IE 7 to CRASH This crash bug has been confirmed by many people so far and with different testcases: Antonio Bueno's original testcase, Alan Gresley's testcase. What is surprising and unbelievable is that a perfectly valid HTML 4.01 with strict DTD webpage of 215 bytes with valid CSS 2.1 code can crash like that. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, Amaya 9.55 all pass this test. Credit must go to Alan Gresley, Antonio Bueno and Brett Merkey
for discovering, reporting and figuring out this bug.
106- "text-align: right;" wrongly floats a whole table to the right text-align should only affect inline-elements like text and/or image, and not shift whole elements like a table. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, Amaya 9.55 all pass this test.
107- Float, clear and margin bug Internet Explorer 6 and Internet Explorer 7 fail to clear a floated-left block. Internet Explorer 7 will render the margin-bottom of the last in-flow block before clearing. In Internet Explorer 6, the gap is equal to the same bottom margin plus the font-size in the clearance division. Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, Amaya 9.55 all pass this test.
108- overflow: hidden is not applied to body node (1st demo) and overflow-y: hidden is not applied to body node (2nd demo) Firefox 2.x, Safari 3.0.4, Opera 9.50, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 7.0, NS 7.2, Galeon 2, Epiphany 2 all pass both tests; Hv3 TKHTML alpha 16 passes only the 2nd demo. Credit must go to Gregor "hrax" Magdolen for discovering that bug and reporting it in his article IE7 Bugs: No overflow to your body article
109- Default type value for HTML button elements is submit, not button. This bug has been reported for many many years, in many websites and by many web authors. Firefox 1.x, Firefox 2.x, Firefox 3.x, Opera 9.25, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.8, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2, Epiphany 2 all pass this test.
110- Querying button.value should return the value's attribute value. This bug has been reported for many many years, in many websites and by many web authors. Firefox 1.x, Firefox 2.x, Firefox 3.x, Opera 9.25, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.8, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2, Epiphany 2 all pass this test.
111- Internet Explorer sends the inner text of the button instead of its value. This bug has been reported in many websites and by many web authors, including Web Bug Track's bug 341: the button element submits the wrong value in IE. Firefox 1.x, Firefox 2.x, Firefox 3.x, Opera 9.25, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.8, K-meleon 1.x, Seamonkey 1.x, Seamonkey 2.x, Galeon 2, Epiphany 2 all pass this test.
112- Floated and cleared blocks take unusual and unexpected widths Firefox 1.x, Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.8, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Amaya 9.55. Credit must go to Sjaak Priester for discovering, reporting this bug and for providing a testcase on this precise bug.
113- Text-align should not affect how a nested block-level element is horizontally aligned inside its containing block. A table nested inside a cell formated with text-align: center will be centered within its containing block when only its text and inline content should be centered. Firefox 1.x, Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Seamonkey 1.x, Seamonkey 2.x, Konqueror 3.5.8, K-meleon 1.x, Galeon 2, Epiphany 2, NS 7.0, NS 7.2, Hv3 TKHTML alpha 16, Amaya 9.55, Dillo 0.8.6 all pass this test.
114- List items with display: inline vertically stretch inline child links that have vertical padding. Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Seamonkey 1.x, Seamonkey 2.x, Konqueror 3.5.8, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.20, Hv3 TKHTML alpha 16, Amaya 10 (build 20080229) all pass this test.
115- List items with display: inline vertically stretch inline child links that have vertical margin. Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 2.0.4, Safari 3.0.4, Seamonkey 1.x, Seamonkey 2.x, Konqueror 3.5.8, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.20, Hv3 TKHTML alpha 16, Amaya 10 (build 20080229) all pass this test.
116- A <span> styled with display: inline-block and padding: 1em is incorrectly rendered. Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 3.0.4, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.2, Epiphany 2.20 all pass this test.
117- Adjacent sibling selector bug. Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 3.0.4, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.2, Konqueror 3.5.2, Epiphany 2.20, Hv3 TKHTML alpha 16 all pass this test. Credit must go to Sjaak Priester for discovering, reporting this bug and for providing a testcase on this precise bug.
118- Image inside label with for not reacting as expected Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 3.0.4, Safari 3.1, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.4, Konqueror 3.5.8, Epiphany 2.22 all pass this test. Credit must go to Batiste Bieler for discovering, reporting this bug and for providing a testcase on this precise bug.
119- Bottom margin unexpectedly not rendered in Internet Explorer 7; 1st additional testcase: bottom margin not rendered, 2nd additional testcase: bottom margin not rendered. Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 3.1, Seamonkey 1.x, Seamonkey 2.x, NS 7.0, NS 7.2, K-meleon 1.x, Konqueror 3.5.8, Epiphany 2.22, Galeon 2.0.4, Hv3 TKHTML alpha 16, Amaya 10.0 build 20080229 all pass these 3 testcases. Credit must go to Dorayme for posting this issue in comp.infosystems.www.authoring.stylesheets forum discussion newsgroup the IE 7 Margin Problem message and for his No Expected margin bottom in IE 7 testcase.
120- Nested Q element (nested short quotations) incorrectly rendered in Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8 beta 1: this testcase directly comes from the HTML 4.01 example of nested quotations with the Q element from HTML 4.01, section 9.2.2 example on Rendering nested quotations. This absence of support has also been explained and testcase-ed by Aaron Gustafson in his Support Q in IE.next Wishlist. Firefox 2.x, Firefox 3, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Epiphany 2.22, Galeon 2.0.4 all pass this test.
121- DOM 3 Core textContent support. Firefox 1.5, Firefox 2.x, Firefox 3, Opera 9.26, Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Epiphany 2.22, Galeon 2.0.4 all pass this test.
122- Closing non-script-initiated single-tab windows and tab instances According to MSDN2, non-script-initiated single-tab windows and tab instances should not be able to be closed by javascript without a prompt confirmation window. Firefox 2.x, Firefox 3.x, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Epiphany 2.22, Galeon 2.0.4 all pass this test by refusing to close the window and by notifying so in the error console.
123- getAttribute("style") on an element returns an object in Internet Explorer, not a string When querying getAttribute("style") on a node, Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8 beta 1 return an object and not a string. This bug is also reported by Peter-Paul Koch in his DOM compatibility table for attributes on getAttribute() and by many web authors. Firefox 1.5, Firefox 2.x, Firefox 3, Opera 9.50, Safari 3.1, Konqueror 3.5.8, NS 7.0, NS 7.2, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass this test.
124- Activating form controls thanks to implicit labels and accesskey fails. Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8 beta 1 fail 8 tests out of 10. Firefox 2.x, Firefox 3, Opera 9.26 (fails 3 tests out of 10), Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass these 10 tests.
125- Populating a multi-line string in a <pre> element fails in IE 6 and in IE 7. Credits must go to a certain "Lars" for reporting such bug in IE blog on April 13th 2008. Internet Explorer 8 beta 1, Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1, Konqueror 3.5.8 (no tabulation), Seamonkey 2.x, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass this test.
126- Dynamically adding <option>s into a select with DOM 1/2 HTML add() method is broken in Internet Explorer. Firefox 1.5, Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 2.x, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test. This bug has been reported at connect's IE beta feedback as bug 338795.
127- An unclosed <p> immediately preceding a form element should be implicitly closed by IE when parsing and building DOM tree. Firefox 2.0.0.13, Opera 9.27, Opera 9.50, Safari 3.1, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, NS 7.2 all pass this test. Credit must go to Jukka Korpela for discovering, figuring out and reporting this bug thanks to his Unclosed <P> before a form webpage testcase.
128- Support for <option disabled> in Internet Explorer. Lack of support for <option disabled> in a select (drop-down list) has been mentioned, explained, utterly documented, testcase-ed by many in all kinds of forums, webpages, public lists of bugs, web authoring forum discussions over the last 5 years. Firefox 1.5, Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1, Seamonkey 1.x, Seamonkey 2.x, NS 7.0, NS 7.2, K-meleon 1.x, Galeon 2 and Epiphany 2 all pass this test. This bug has been reported at connect's IE beta feedback as bug 336685 This bug has been closed by the IE team and will not be fixed for the release of IE 8 final.
129- @import-ing a style sheet for "print" fails in IE 7 and in IE 8 beta 1. Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.1, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, NS 7.0, NS 7.2 all pass this test.
130- setAttribute("class", "NewClass") fails in IE 6 and IE 7. Firefox 2, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.1, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, NS 7.0, NS 7.2 all pass this test.
131- Inherited margin with inherit keyword: the computed value's parent should be inherited. In the test, Internet Explorer 7 does not render the margin-left as a yellow stripe. Firefox 2.0.0.14, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.1, Konqueror 3.5.9, Seamonkey 1.x, Seamonkey 2.x, Hv3 TKHTML alpha 16, Epiphany 2.22, Galeon 2.0.2 all pass this test.
132- Rel attribute values for alternate stylesheet are incorrectly parsed. Firefox 2.0.0.14, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.1, Konqueror 3.5.9, Seamonkey 1.x, Seamonkey 2.x, Hv3 TKHTML alpha 16, Epiphany 2.22, Galeon 2.0.2 all pass this test.
"(...) I author to standards, it takes a few minutes to tweak things to get everything perfect in browsers like Firefox and Safari, and then ages to work around all of Internet Explorer's bugs and shortcomings. The time to implement a decent XHTML Strict + CSS 2 design would be shortened by at least a third if Internet Explorer wasn't so buggy. I have measured this personally across a number of projects.
(...) CSS 2 is over six years old, and Microsoft have had employees in the CSS working group the whole time. (...) Given that Microsoft are the world's biggest software company, it looks very much like standards are deliberately being sabotaged. Is it any wonder web developers are starting to get royally pissed off with Microsoft?" Jim, July 22nd 2004, IE Blog
"The main problem is that IE does things wrong at such a fundamental level that there are bugs stacked on top of bugs. Many CSS properties have multiple bugs in them" - David Hammond, August 10th 2006
"there are still annoying bugs that haven't been fixed, new bugs that have been introduced, and important features that are missing. In other words, it is still a pain to make things work properly in Internet Explorer. (...) IE 7 will not even catch up to where other browsers were a couple of years ago" IE 7 is better but still lagging by Roger Johansson, September 28th 2006
"Here's a little hint to whoever is the PM in charge of the renewed IE 7 effort: we don't care. We don't care how much it costs you. We've been cleaning up your messes for *years*. Those of us tasked with 'just making it work' have spent so many sleepless days and nights routing around IE brokenness that our empathy and sympathy are entirely tapped out. All that's left is a combination of despair and loathing. You want us to give a (expletive) that you blog and are 'engaging with the community'? Fine. Fix your (expletive) browser. That's the bar the IE 7 team needs to hurdle."
How IE7 Can Avoid Irrelevance by Alex Russell, January 22nd 2006"Well, guess what: in IE, everything is broken, even their own, home-grown, homemade proprietary methods."
Attribute nightmare in IE by Tobie Langel, January 11th 2007
"The obscure 'hasLayout' property has to be finally replaced with proper positioning model. I want my elements not to haveSomeStrangeLayout, I want them to be floated, positioned and expanded as per spec.
It should be transparent to the developer (and documented) that if he designs using the W3C specs, the rendering engine in IE will use the same rules and will not play on its own."
Channel 9's Internet Explorer Support for CSS, 2005"'Layout' is an IE/Win proprietary concept that determines how elements draw and bound their content, interact with and relate to other elements, and react on and transmit application/user events. (...) The hasLayout problem affects designers (and coders) at all experience levels. [The has]Layout has unusual and hard to predict effects on the display of boxes, as well as implications for their descendant elements.
The layout concept as a whole is not compatible to a number of basic CSS concepts of the visual formatting model, namely containing, the flow, floating, positioning and layering. This leads to IE/Win specific violations of the CSS specification due to the presence or absence of layout on elements in the page."
On having layout, by Ingo Chao, June 19th 2007
This bug has been reported at connect's IE beta feedback as bug 334225.
Object getElementsByTagName by John Resig<style>*{position:relative}</style><table><input></table>. This crash bug has been confirmed by many people so far. Crashs in IE7 as well if you open the page then maximize it,, Deviance;
Indeed, IE7 does not crash until the window is maximized., Jon;
Confirmed: Crashes IE7 on a fresh install of Windows Vista Premium and with Windows Vista Premium with all patches applied if you open the link then attempt to resize the window at all., Robert.
<col> elements by Ian "Hixie" Hickson. This demo page is rendered as expected by Firefox 2.0.0.3, Safari 2.0.4, Opera 9.20, Seamonkey 1.x and Konqueror 3.5.5.
"The more web development I do, the more I realize just how much of a load of crap IE is." - chiptuned, October 8th 2007
type="application/ecmascript" and type="application/javascript" which meet RFC 4329. The valid types are "application/javascript" and "application/ecmascript". All modern JavaScript interpreters being implementations of ECMAScript, it seems like it would be best to use "application/ecmascript". Except that our good friend IE doesn't recognize them and ignores the script altogether if you use them. So once again, thanks to one more non-standard behavior of IE, we can't afford to follow the standard.by Bertrand Le Roy.
The first time a user visits your Web page, Internet Explorer automatically searches for this [favicon.ico] file. Otherwise, when the favicon.ico does not exist, the error.log shows favicon.ico (hundreds of times) as "404 file not found". From a web standards and HTTP perspective, it does not make any sense to request a file that has not been explicitly linked to begin with. This bug has been reported by several web authors since 1997!:
<style type="text/css"> @import url(css/styles.css) screen;</style> is not supported by Mathieu "mEga" Recchia. The webpage is in French but rather easy to figure out and to understand.rel="shortcut icon" will not be understood correctly by conforming web browsers. Therefore, Internet Explorer should just follow and conform with the preferred and recommendable method of adding a Favicon to a website as given and explained at W3C Quality Assurance tip, How to Add a Favicon to your Site.
"It's not like the bugs haven't been written up, I submitted countless bugs in 1999 that were plainly mothballed like Internet Explorer too." - Koranteng Ofosu-Amaah, 2 May 2006
"For the last couple of years, we developers have been struggling with IE incompatibilities while creating and testing our sites. (...) IE7, however, was supposed to solve all these bugs, and add those all missing features. Nothing could be farther from the truth. (...) Although they've successfully fixed many bugs, it's still quite evident that their browser is still far from perfect."- IE7 still creating prob