The outline property affects block sizes when contained by an element set to overflow: auto.

Test page Workaround is not included
Reported by: Marc Pacheco.

In Safari, <INPUT> and anchor (<A>) elements within a block that has opacity applied to it will not receive the treatment (blue border, by default) indicating that the user has put focus on that element (e.g. by tabbing). A workaround is provided to use the :focus pseudoclass on <INPUT> and anchor elements within the wrapping semi-opaque element to manually apply a style indicating the user has focused on the element.

Test page Workaround is included
Reported by: Peter Mularien.

IE fails to fully render the background and borders of a div containing floats when the browser window is narrowed.

Test page Workaround is included
Reported by: Chris Hester.

In IE6win, an empty div with a css height less than the prevailing font-size (1em) will display with a height of 1em.

The test page provides 2 workarounds.

Test page Workaround is included
Reported by: Henry Francis.

A box with no specified width, overflow:auto, and next to a right float has the width "limited" by the float. When adding to it a negative left margin, in Opera the width is not stretched correctly.

Test page Workaround is not included
Reported by: Bruno Fassino.

Firefox 1.5 appears to ignore the text-align property of a paragraph nested inside a position: absolute; overflow: hidden div.

Test page Workaround is not included
Reported by: Brian Tao.

Adding a background-color or background-image to html:before or html:after does not work in Opera, if the pseudo-element is positioned or if it has display:block.

The same CSS works flawlessly on body:before and body:after.

Test page Workaround is included
Reported by: Leif Halvard Silli.

Let's say you've some content inside a div with a defined size, which is inside a table. The div is set to overflow: auto, so any content that won't fit should scroll.

In Safari and Shiira, if the content inside the div is floated, the table height (not the div height) will expand to fit the height of the content inside the div.

Test page Workaround is not included
Reported by: Brandy.

In Firefox, when a button element and an input[type=text] element share a form, and the button element has a click handler, then that click handler function will get fired when the user focuses on the input[type=text] and presses return. The first time, the event target will be the input[type=text] element, but the second time it happens, it'l be the button element.

Workaround: use input[type=button] instead.

Test page Workaround is included
Reported by: Isaac Z. Schlueter.

A break tag in your code when text is aligned right causes a space at the end of the line. This has the effect that the last line in a group appears too far right.

Test page Workaround is included
Reported by: Chris Hester.

IE can drop a floated column with a percentual width when the browser window is narrowed.

ppknote: Explorer Mac crashes when you resize the test page.

Test page Workaround is included
Reported by: Chris Hester.

When changing a parent element's class via JavaScript/DOM, an initial position:absolute declaration sticks. The problem is corrected by applying a position:relative declaration to the parent element's children.

Test page Workaround is included
Reported by: Steve Stedman.

Negatively margined (or indented) elements get cropped if their parent elements have layout (hasLayout == true).

(ppknote: IE 7 crops the right margin of the first example, but not the left. IE Mac ignores the margin-right: -10px in the first example.)

Test page Workaround is not included
Reported by: Margaux.