Amusingly written article on IE8 & web standards:
http://www.joelonsoftware.com/items/2008/03/17.html

 

I have found a firebug style tool for IE7:
http://www.my-debugbar.com/wiki/

It doesn't quite have the same functionality but may be of use!

an interesting form to generate typesetting css:
http://www.csstypeset.com

This goes nicely with an blog post I read a few weeks back:
http://clagnut.com/blog/348/

The basic jist is that if you use the CSS rule:

body
{
    font-size: 62.5%;
}

then:
10px = 1.0em
12px = 1.2em
14px = 1.4em

USing "em" font sizes increase the scalabiltiy of the text when you enlarge it and IE/Win will not allow readers to resize text that has been sized in pixels.  So this gives you pixel level control and yet keep the accesibilty of using em.

For those who don't know an em is a unit of topography relative to the point size of the current font:
ie. if font size was set to 14pt - 1em = 14pt, if the font size was set to 16pt, 1em = 16pt.

When is a scrollbar not a scrollbar? When users can't recognize it as a scrollbar and don't use it!

Just oneof the top 10 application (read "web") design mistakes highlighted here:
http://www.useit.com/alertbox/application-mistakes.htm

I guess there are many many css references out there! here is one that jumped into my inbox somewhere along the line:
http://reference.sitepoint.com/css

To create image maps with polygons etc can be quite awkward and time consuming.

Try this little program:

http://www.boutell.com/mapedit/download.html