DrDoc - 4:30 pm on Dec 21, 2006 (gmt 0)

Excellent post!

Allow me to make just one tiny correction ...

1. Use CSS import for the screen stylesheet <style type="text/css" media="screen"> @import url(my-stylesheet.css); </style> That way older browser (4th gen and prior - Netscape 4 + IE4) that would end up messing up your site layout don't use the stylesheet as they don't understand the import command.

While that statement is true for NN4, it does not hold true for IE4. IE4 understands this:
@import [color=FF0000]url([/color]style.css[color=FF0000])[/color];
IE4 does not understand this:
@import [color=FF0000]"[/color]style.css[color=FF0000]"[/color];

Notice the difference? So, while you should still use @import, define the file to be imported using double quotes and ditch the url() type definition. It is valid CSS, and now IE4 ignores the imported stylesheet as well. :)