Quite possibly the best CSS "hack" I've ever used...

After a good couple of days banging my head against the desk trying to figure out a solution to a Windows Safari "bug" I think I may have found the best CSS "hack" ever...

Ever wondered why Safari renders fonts bolder than all other browsers on Windows? Well it's down to a setting hidden away in the preferences dialog shown below:



Which is great if you can control everyone's install of Safari but, well let's face it - you can't. Which left me with the dilema... how the hell do I get the headers on my website to render as expected in Safari? Well fear not - just add the following line to your css:

text-shadow: 0 0 0 #FFF;

Where #FFF is whatever the background colour your text appears on and voila Safari's nasty aliasing "bug" has vanished!

Harvey Morse Code Hack (css hack for ie7)

I have just accidentally discovered a hack css for Internet Ignorer 7 with the dot dash sequence needing to be identical to below...

body{
background:red; /* all "normal" browsers */
.background:green; /* ie <=6 and 7 */
_background:blue; /* ie <=6 only */
}

Enjoy my fellow web developers!

Cheers
Jon