This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

CSS Bugs and Workarounds

Bugs which are bad enough to make content illegible are shown with this background , and italicized print.

The 'bugs' are arranged by browser version, in reverse chronological order by release date. Bugs which have been fixed have been removed to a separate page .

If your platform isn't listed, it does *not* mean that the bug doesn't exist on it; it just means that no one has _reported_ that it is a bug on that platform. Please help make this a better resource by including platform information when reporting a bug.

Interminable discussions on the CSS newsgroup have revolved around implementation problems and 'workarounds'. This summary is an attempt to provide the collective wisdom gleaned from those posts. No exhaustive attempt is made to describe elements that are unsupported. Reference for such elements should be to the Master Grid provided by Eric Meyer at Webreview.

Deletions will be gleefully accepted; additions will be reluctantly included. Please send corrections to the CSS Pointers Group . Please file bug reports, even if you think someone else may have already filed. Let's do our utmost to get the attention of the vendors, so that we can all realize our goal of delivering the best CSS to everyone.

Opera 6.0+(W=Win)

CSS Property/ Problem Description Workaround Notes/Footnotes
body: 100% descendants are sized smaller and smaller avoid W demo

Opera 3.5+(W=Win)

CSS Property/ Problem Description Workaround Notes/Footnotes
A links wrong/default color separate rulesets; don't use comma-separated selectors W
background doesn't cover area correctly with certain fonts set padding-bottom W [example]
Cascade: background <body> background element incorrectly takes precendence over CSS body {background-color: …} rule don't declare W
Capitalize with inline elements incorrectly capitalizes more than first letter avoid W Test Suite
embedded style may be ignored if using html comments separate comment delimiters with a linefeed W (12)
background-image in TD unsupported enclose style in DIV (SPAN won't work) W
border ignored on TABLE, ABBR, ACRONYM, Q avoid W
border on TD, TR not rendered unknown W
float badly broken better avoid W
height based on containing block width avoid W (fixed in 3.6)
HR with %width unsupported/buggy unknown W(fixed in Opera 5x) demo
list-style-image: url(whatever.gif) list items disappear cache image by pre-loading W demo
margin ignored on inline elements, except left and right unknown W
padding ignored on inline elements unknown W
pseudo-selectors allowed other than at end of selector illegal usage - avoid W (fixed in 3.6)
text-align: center on TABLE centers each cell avoid W
text-decoration: none not honored on A:pseudo element declare on A, or wait for bug fix W
vertical-align: % relative to font-size instead of line-height avoid W

Footnotes

[12] Use:

 <!-- LI { list-style-image: url(./caution.gif); } -->

Instead of:

 <!-- LI { list-style-image: url(./caution.gif); } -->

^

Interminable discussions on the CSS newsgroup have revolved around implementation problems and 'workarounds'. This summary is an attempt to provide the collective wisdom gleaned from those posts. No exhaustive attempt is made to describe elements that are unsupported. Reference for such elements should be to the Master Grid provided by Eric Meyer at Webreview.

Sue Sims