IE Death March

You can’t select the first line of a block element with CSS in IE6. You can do this in all other current browsers.

For example:

blockquote.firstline-example p:first-line{
font-weight:bold;
}

Looks like:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

You can’t use the psuedo selector :first-child (or :last-child) in IE6.

There is a work around, of course, using conditional comments and expressions.

You can’t use some handy CSS selectors like:

1. input[type="text"] for selecting text input elements or
2. abbr[title] for selecting all <abbr> tags with a title attribute or
3. a[href$=".pdf"] for all links that point to pdf files

div#column and div[id="column"] are equivalent selectors, but one doesn’t work in IE6. Handy for when you want to apply a style for everything else.

24 ways has an article from 2005 that talks about some nifty things you can do with attribute selectors.

Okay sure. 8-Bit PNG transparency works, but I’m talking about doing more transparency than what GIF has to offer, so it doesn’t quite cut it.

But 24-Bit PNG? Now, this has something web designers can appreciate: Alpha blending. 256 levels of transparency.

You can’t do this in Internet Explorer 6 without some javascript or using the AlphaImageLoader filter.

There are a few sites out there using PNG’s to great effect. There’s no need for me compile a list, as it’s been done a few times, but if you’re using it feel free to link up in the comments.