Don't know if anyone will find this handly, but here's a CSS processor that I wrote that allows me to nest CSS Blocks, and various other things, making for an easier to maintain CSS file.

Warning: I'd recommend caching the results since I didn't have a need to optomize it for speed.

Things that it includes:
*Nested CSS Rules
*Removes Whitespace
*Allows for // comments
*Removes comments (so put them in at no cost)

Please let me know what you think

Allows you to hide all elements on an HTML page by their tag name. Extremely handy in getting around the "Windowless Elements" problem in IE, which is a bug that puts certain elements, most commonly select boxes, on top of any other element, no matter what. As you can imagine, this causes real problems with DHTML drop-down menus and such like. This is the simplest and quickest fix I've come up with, I simply set this function to run alongside the drop-down and all of the select tags vanish before a menu drops, then I run the show function when the menu retracts.

Attribute Selectors

This shows how the computed style of each node differs from the computed style of its parent. The root element, which has no parent, is instead compared against the root of a blank HTML document.

* create a new bookmark called "compute styles" in your firefox toolbar. Place the snippet code in the location field of your "compute styles". click the compute styles bookmark, then click an element on the page with the crosshairs.

Here's a library to manage CSS class names on DOM elements.

Using styles we can add scrollbars for large table where the space is a constraint

Not really a hack, but rather a workaround for layout problems with IE.
Conditional

Get computed Height of an HTML Element

Get computed Width of an HTML Element

a simple css way to add shadow to tables and Divs