For the last couple of weeks, I have had an ENORMOUS problem while trying to insert images into my posts.   To be honest, I really haven’t had the need to add many images to my posts (yet) but I would like to rest assured that I have that functionality if I needed to call upon it.   Basically, my problem would occur when attempting to upload an image to the server.   I would only get a “blank screen:”

Blank Screen

My initial assessment was that it was the recently added Flash image uploader to WordPress.   Well to make a long story VERY short, the problem was an added cascading style sheet in Safari.   I use a custom CSS in Safari to block most internet advertising at the websites I visit which is very useful for me but bad for WordPress image uploads.   For those of you interested in what the CCS file looked like, here you go:

/*
* turns off €œblink € element blinking
*/
blink { text-decoration: none ! important; }
/*
* hides many ads by preventing display of images that are inside
* links when the link HREF contans certain substrings.
*/
A:link[HREF*="ad."] IMG { display: none ! important }
A:link[HREF*="ads."] IMG { display: none ! important }
A:link[HREF*="/ad"] IMG { display: none ! important }
A:link[HREF*="/A="] IMG { display: none ! important }
A:link[HREF*="/click"] IMG { display: none ! important }
A:link[HREF*="?click"] IMG { display: none ! important }
A:link[HREF*="?banner"] IMG { display: none ! important }
A:link[HREF*="=click"] IMG { display: none ! important }
A:link[HREF*="/ar.atwo"] IMG { display: none ! important }
A:link[HREF*="spinbox."] IMG { display: none ! important }
A:link[HREF*="transfer.go"] IMG { display: none ! important }
A:link[HREF*="adfarm"] IMG { display: none ! important }
A:link[HREF*="bluestreak"] IMG { display: none ! important }
A:link[HREF*="doubleclick"] IMG { display: none ! important }
A:link[HREF*="a.as-us.falkag.net"] IMG { display: none ! important }
A:link[HREF*="tribalfusion.com"] IMG { display: none ! important }
A:link[HREF*="a.tribalfusion.com"] IMG { display: none ! important }
A:link[HREF*="tags.expo9.exponential.com"] IMG { display: none ! important }
/* disable ad iframes */
IFRAME[SRC*="a."] { display: none ! important }
IFRAME[SRC*="ad."] { display: none ! important }
IFRAME[SRC*="ads."] { display: none ! important }
IFRAME[SRC*="/ad"] { display: none ! important }
IFRAME[SRC*="/A="] { display: none ! important }
IFRAME[SRC*="/click"] { display: none ! important }
IFRAME[SRC*="?click"] { display: none ! important }
IFRAME[SRC*="?banner"] { display: none ! important }
IFRAME[SRC*="=click"] { display: none ! important }
IFRAME[SRC*="/ar.atwo"] { display: none ! important }
IFRAME[SRC*="spinbox."] { display: none ! important }
IFRAME[SRC*="transfer.go"] { display: none ! important }
IFRAME[SRC*="adfarm"] { display: none ! important }
IFRAME[SRC*="bluestreak"] { display: none ! important }
IFRAME[SRC*="doubleclick"] { display: none ! important }
xIMG[usemap] { display: none ! important }
/* turning some false positives back off */
A:link[HREF*="download."] IMG { display: inline ! important }
A:link[HREF*="click.mp3"] IMG { display: inline ! important }

Now, I’m not a CSS ninja, so I couldn’t begin to tell you which of the above lines was the culprit, but if one of you know please leave a comment.   Once, I removed this CSS from Safari (Safari–>Preferences–>Advanced), the flash uploader worked like a champ.

-Tim