Bug Report

Disappearing forms

In Safari, if you have a form that's inside a div with the clearfix (read about it here) class applied, the form will not show up on the page unless you specifically apply display: block to the containing div.

Test page Workaround is included
Reported by: Amber Rhea.

CSS Bug in MSIE 6 - Selector with an ID and a Class on the Same Element

Let's say that you have an element with an id of id. This element can have either of two different classes, classOne or classTwo. (Either you're swapping the className in script, or it can have different classes on different pages.)

Your CSS might look like this:

#id.classOne { some styles }
#id.classTwo { some different styles }

In MSIE 6, the #id.classTwo style will never be applied - unless it is put in a separate style tag or style sheet.

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

COL and COLGROUP get captured by CAPTION in Safari

The correct use of the CAPTION element –immediately after the TABLE start tag– causes COL and COLGROUP to become unusable as CSS selectors in the current version of Safari (2.0.3/version 417.9.2).

A workaround is to place the CAPTION after the COL/COLGROUP tags, but this makes the code invalid.

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

Form input fields overflow table cell

Attempting to get a text input field to expand to fill the browser in a nested table (table-layout: fixed) will cause the input field to overflow its surrounding table cell. Occurs with select boxes as well.

Test page Workaround is not included
Reported by: Matt Wright.

Positioning the legend tag

Positioning legend tags — what works and what doesn't? To be honest not a lot does.

I've tested — position: absolute, fixed, relative, floats margins and setting widths.

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

:first-line uppercase bug

In Safari and iCab, text-transform: uppercase does not work when applied to the :first-line pseudo-element.

Test page Workaround is not included
Reported by: Beckley Roberts.

Image Resizing Problems

If an image is given various heights, but not a width, browsers enlarge it to fit the ratio of the physical dimensions of the image. But over a certain size, bugs can occur.

Test page Workaround is not included
Reported by: Chris Hester.

Crash with hover on links

Hovering over a link causes the browser to freeze. It then becomes difficult to close down. The link should make a non-displayed element appear on hover.

Test page Workaround is included
Reported by: Chris Hester.

Incorrect clientX/Y for text of disabled INPUT elements in tables

The event.clientX/Y values for the text portion of disabled INPUT elements is reported relative to the left/top of the INPUT element and not the viewport if the INPUT element is in a table.

Test page Workaround is not included
Reported by: Jason Brunette.

IE7 beta 2 box width miscalculation in strict mode

In strict mode, IE7 miscalculates the width of absolutely positioned boxes with a width and padding to include the padding. It seems to revert to the old box model under these conditions. This did not happen in IE6 (strict).

Test page Workaround is not included
Reported by: Mario Camilleri.

Shrinking of children of floated/absolute elements

A floated or absolutely positioned element does not have a width and is stretched up by an image. When the image is swapped for a far smaller image, the parent element's width should diminish. Mozilla, though, doesn't diminish the width of the other elements in the floated element, and therefore the parent element retains its original width.

Test page. Workaround is not included.
Reported by ppk.

Double-padding/nowrap crash

Setting certain combinations of padding, position, and white-space CSS properties on a block/inline element pair causes Internet Explorer to freeze up. (100% CPU usage.)

Test page Workaround is not included
Reported by: Martin Sutherland.

Incorrect handling of disabled BUTTON elements

Adding disabled attributes to

Changing background-color for links also changing dimensions.

The style in the header says that an a tag will change background color when hovered over.

In MSIE 6.02 this changes the height of the whole table, but in Firefox (NN8.1) it works just fine.

(ppkquestion: is this a hasLayout bug? If so, why does the bug also occur in IE 7 beta 2?)

Test page Workaround is not included
Reported by: D W.

:first-letter bug in Mozilla Firefox

In Mozilla Firefox 1.5 when you scroll the form so that it is off-screen at the top then scroll back on-screen the underscores on the first letter of each line sometimes do not re-appear again. When scrolling to the end of the form and backup again, and when the browser window is resized to a smal size it seems even more persistent. This bug is triggered by styling label:first-letter {text-decoration: underline}.

(ppknote: This bug is quite flighty, I myself saw it only the third time I tried the test page.)

Test page Workaround is not included
Reported by: Johan Van Den Rym.