Preferences

hasLayout.net

CSS Bugs in Internet Explorer

[ Home | CSS Bugs in Internet Explorer ]

Table of Contents

Overview

Internet Explorer is famous for not supporting many of CSS properties as well as contaning numerous bugs in the ones it supports.

This page lists problems in Internet Explorer, samples demontrating them as well as solutions where such are known.

Even though I've tried to classify the bugs on their nature, many bugs can be classified under several sections in which case the bug will appear only under General Bugs section.

back to top

General Bugs

This section contains IE bugs that don't quite fit into other section or can be classified into two or more sections at the same time.

General Internet Explorer CSS Bugs
Bug Name Affected Versions Description Solution Type
Text-Align Bug All versions of IE Block-level elements are misplaced, usually on horizontal axis.
3px Gap Bug
aka Text Jog Bug
All versions of IE below version 7 Elements next to a floated one either have a three pixel gap or drop below or keep shifting when several elements are floated. CCS (?)
Italics Float Bug All versions of IE below version 7 Element which is supposed to be next to a floated one drops below it when italics are used.
Negative Margin Bug All current IE versions Part of the element that is outside the container disappears when negative margins are used.
Double Margin Bug All versions of IE below version 7 Left and right margins are doubled on floated elements. CS (?)
Expanding Width Bug All versions of IE below version 7 Element is wider than the specified width.
Expanding Height Bug All versions of IE below version 7 Element is longer than the specified height.
Leaking Background Bug IE 6 Background leaks from an element over elements which are next in the flow. The effect often disappears on page scroll or other window transformations.
back to top

hasLayout Bugs

IE bugs that are caused by elements having or not having "layout"

hasLayout Internet Explorer CSS Bugs
Bug Name Affected Versions Description Solution Type
Disappearing Content Bug
aka Peek-a-boo Bug
IE 6 Disappearing content which reappears on scroll or browser window tranformations. LS (?)
Partial Click Bug All IE versions below version 7 Only text is clickable on links which are styled with display: block. LS (?)
back to top

No Support Workarounds

Various workarounds producing effect of properties and property values which are not implemented in IE.

No Support Workarounds
Workaround Name Affected Versions Description Solution Type
Min-height workaround All versions of IE below version 7 Support for min-height property.
back to top

If you found materials on this site useful, please consider donating a few bucks to the author. Thank you.

Advocacy

Browsers

Use what is right for you: "Browse Happy - Online. Worry Free. Switch today!"

XHTML

Don't use it unless you understand it. Please take some time to read these articles:

CSS and Internet Explorer

Use Conditional comments

back to top