IE8 grouping Selectors bug

by lsd / Filed under: MISC

Came across a CSS bug triggers by non-supported selector(s) in IE8.

In this example, the first and last menu items, the last block of the content area and GO button which are grouped with other selectors, shared the same blue background image. IE8 does not support “:last-child” and ignore all other selectors.

#mini-search button,
#leftcol li:first-child,
#leftcol li:last-child,
.listing-item:last-child
{background: url(blue-bg.png) repeat-x left top;}

grouping-selectors-bug-ie8.png

IE7 and 6 do not have the same bug; the bug had been fixed in IE9 (preview).

Tags: ,

Comments are closed.