I am trying to make my site cross-browser proof, however, IE is giving my popup bubbles a black edge on rounded corners and the point. Is there a PNG fix for this floating around or a different way to create a PNG transparency that will work in all browsers?
Plenty! just pick the one you like among those: http://www.google.com/search?q=ie+png+fix My favorite is http://www.dillerdesign.com/experiment/DD_roundies/ because it also adds support for -moz-border-radius property, thus making 90% of the png hack unnecessary and is useful with IE7&8 as well. Note that no solution is 100% foolproof, I always had to trade something. But unless you do real complex designs and don't care for strict verification of the css, most of the solutions should work straight away. Hope this helps.
I have tried most of those fixes and they have unfortunately changed nothing. The DD_roundies is for HTML code-only boxes, mine is 3 images including a repeating background.
Unfortunatly as soon as you do complex layouts things start to break down. Recoding the layout in a simpler way sometimes helps. But not having an idea of how your html/css is structured I don't have any other suggestions. The most solid png hack I ever used is the one that uses htc behaviors, but it was a few years ago, I dropped ie6 support since then. And I think behaviours are deprecated with ie8.
I am currently using the SuperSleight png fix for a project I've been working on. I think it may be what you are looking for as I was having similar problems. More info: http://24ways.org/2007/supersleight-transparent-png-in-ie6
You might also want to look at Nifty Corners. I used it before and works like a charm h**p://www.html.it/articoli/nifty/index.html