 i would say one of the coolest things in web development design is the creative use of pngs although its a little hard because of the way that ie6 handles them i have already written about using dean edwards ie7 script but i wanted to take it a step further and talk more about pngs to review first download the dean edwards script next extract the files to the root of your webserver in a folder called ie7 it needs to be in this folder because some of the scripts have a dependency on the folder finally just include the script in the head of your document using conditional comments if lt ie 7 script src= ie7 ie7 standard p js type= text javascript script endif ok so now when you want to have the script fix the png in ie6 you just have to have trans png as the suffix of the filename of the image an example now i am no designer but i have mocked up a simple page to show some usage of pngs since the background on the body is the repeated diagonal lines we cannot use a gif for the rounded corners because we arent sure where the corners will intersect with the lines on the bottom in an ideal world this is how i would want to mark the page up but in ie6 the pngs have a blue glow around them so if we apply the dean edwards scripts to the page we see the bottom image disappears keep in mind you have to be looking in ie6 to see this problem this is because the script is applying the ie proprietary filter property and once this applied we cannot position or repeat a png so lets change the way we are marking it up so that the bottom shows up in ie6 basically we have just added an empty div that contains the bottom background png now we just have to worry about the repeated background of our main content area in order to get rid of the blue glow we have to apply ies filter property which means that we cant repeat it but if we apply the filter property manually and change the sizingmethod to scale we can give the effect of repeating the background div container div inner background image url blank gif filter progid dximagetransform microsoft alphaimageloader src= images content 2008 01 container bg png sizingmethod=scale basically its just stretching the image to fit the area but since its a simple image that we were going to repeat anyways it looks fine stretched in conclusion hopefully using a combination of these two png fixes can provide you with enough to get things looking good in all browsers anyone have any other solutions 