where are all the IE CSS bugs?

Issue: #450-???
Affects: IE6, IE7, IE8 Beta 1(some)

I received an emai1 {ThisSiteTitleWithNoSpaces@gmail.com} from Nelson T. recently asking where all the IE CSS bugs are? There are several of them, many even have their own name! However it makes much more sense for me to provide a link to better documentation and examples rather than try to re-invent the wheel.

I do have some CSS bugs to report that (I don't believe) are listed elsewhere though, and thus I plan to post those very shortly.

IE CSS Bugs:

The following collection is all available at:
Position Is Everything (PIE), complete with test cases and workarounds (where possible)

• Peekaboo Bug


• Inherited Margins on Form Elements


• Expanding Box Problem


• Quirky Percentages in IE Visual Formatting Model


• IE Line Height Bug


• Border Chaos


• Disapearing List Background Bug


• Guillotine Bug


• Unscrollable Content Bug


• Duplicate Characters Bug


• IE Italics Bug


• Double Float Margin Bug


• Duplicate Indent Bug


• 3 Pixel Text Jog Bug


• Escaping Floats Bug


• Creeping Text Bug


• Missing First Letter Bug


• Phantom Box Bug

Bug/Site Feedback |
Submit a bug

bug 385 - valid CSS class names that fail in IE6

Issue: #385
Affects: IE6

In IE6, attempting to use a valid class name that starts with an underscore will fail.

Example:

<style type="text/css">
  ._myCSSClass {
    /* This is a valid Class Name, but it will fail in IE6 */
    border: 1px solid #ff0000;
    margin: 1px;
    padding: 3px;
  }
</style>

Known Workarounds: None. The only option is to name all classes with an initial [a-zA-Z] character.

Example Workaround Code:

<style type="text/css">
  .myCSSClass {
    /* This is a valid Class Name, AND will work in IE6 */
    border: 1px solid #00ff00;
    margin: 1px;
    padding: 3px;
  }
</style>

Related Issues: None.

Bug/Site Feedback |
Submit a bug