Many other companies have already stopped supporting older browsers like Internet Explorer 6.0 as well as browsers that are not supported by their own manufacturers.

Starting this week, users on these older browsers will see a message in Google Docs and the Google Sites editor explaining this change and asking them to upgrade their browser.

There is however a large number of internet surfers using this old-school browsers, not by choice but because they don’t know any better or because IE 6.0 was the browser that came with their computer.

If you happen to be one of these unfortunate people – then please do yourself justice by upgrading your browser!

Here are the links:

Microsoft Internet Explorer 7.0+

Mozilla Firefox 3.0+ (Recommended)

Google Chrome 4.0+ (Highly Recommended)

Apple Safari 3.0+

This was my mis-behaving code:

#rightmasthead, #leftmasthead {
float:right;
text-align: right;
margin: 33px 0;
padding: 10px 15px 0 0;
border:0px solid #000;
width: 300px;
}

Personally, I try to avoid using CSS hacks, and when writing client code I always assume that anything can be done the “proper” way.

However, in most cases a hack is useful and needed, so here are two hacks (which are, in fact a valid CSS) that can be used to target and distinguish Google Chrome and Safari:

@media screen and (-webkit-min-device-pixel-ratio:0) {
#rightmasthead, #leftmasthead {
margin: 32px 0; /* This works only in Safari and Google Chrome */
}
}

Viola it works now perfectly!