Unit PNG Fix is a great workaround for those projects which require the use of alpha transparency in IE6. As well as being very compact—just over 1KB—it is also very easy to implement. However, using Unit PNG Fix on a secure domain can result in a “This page contains both secure and non–secure items…” error… Read more »
Don’t forget, this method actually embeds an <img> tag in the document, so the path to the image in your CSS file needs to be relative to the actual webpage, and not the CSS file. So if you’re copying and pasting the CSS for a background image from your main CSS file, don’t forget to… Read more »
IE6 has a really random bug involving multiple floated elements: characters from the last of the floated elements are sometimes duplicated just below the last float. There is no additional markup and there seems like there is nothing triggering it. Turns out the problem lies with IE having trouble dealing with html comments in between… Read more »
As default, IE doesn’t support the alpha channel in PNG graphics, so if you use a colour to transparency gradient on an image it’ll show up as crappy grey block. You can get around this by including a htc file (html component – mechanism for implementing dhtml in script) as a behaviour attribute in your… Read more »
Lets you set the minimum height of an element. IE6 doesn’t support min-height but you can get around it using the code below. /* FOR PROPER BROWSERS */ .container { min-height:8em; height:auto; } /* USE ESCAPE CHARS TO GET IE ONLY READING THIS */ /**/ * html .container { height: 8em; } /**/