Nathan Steiner is a guy that takes his CSS pretty seriously. That is why he is always in a position where he wants to see what he is doing when working with his scripts. Because of this quest for control, he has come up with a mini-helper tool that makes working with CSS a little easier.

In my never-ending quest to see what I’m doing while working on CSS based markup, I’ve come up with another mini-helper tool. This one’s pretty simple, the idea is to show how items relate to each other by revealing where they overlap.

To do this, you’ll need 3 things:

* A PNG compatible browser (Firefox, Safari, etc)
* A transparent PNG image to use, or take this one
* One line of css: * {background-image: url(“t.png”);}