CSS Styling Tips

If ur gonna be doing a fair amount of css styling, you must download the firebug firefox extension (google firebug). if you don't have firefox, you could try firebug light or you might prefer downloading webkit. http://webkit.org/
it's basically the same thing as safari, except with the latest updates and extra developer bells and whistles i.e. you can right click and "inspect element" to see it's styles (which u can also enable on safari by going to safari->preferences->advanced->show develop menu... but this is not as nice and doesn't let u edit css styles on the fly) and then you can edit them and see the changes in real time. i prefer firebug for firefox but webkit is pretty sweet and good to have for testing how your site will look on next versions of safari. also google chrome comes with these features. i'll prob get that when it comes out for mac. it's sick.

the reason i prefer firefox is cause they abide by the w3c standards very well. so it's recommended to start by styling using ff w/ firebug. then, once it looks good, check out ur website in the other "broken" browsers and fix their non-standard interpretations of ur css styles.

when working with css, u should check recent versions of ff, ie6+, safari, chrome, opera, etc... cause different browsers interpret the code differently...

here's a good reference. test on these browsers.
http://kimblim.dk/css-tests/selectors/

-Matt