Circuits
A demo [ c i r c u i t s ] which is not particularly useful for anything, but was fun to try to figure out how to do. Inspired by Ivan Bueno's Wireframe designs, which awed me when I first saw them a couple of years ago. He has added to the collection since then, and the site is well worth a look if you're interested in absolutely positioned boxes.
Opacity has been applied to the smaller boxes. Firefox users will notice that the opacity changes on hover. This creates a nice little effect like activating circuits. Opera doesn't support opacity and shows the full color of the boxes.
Internet Explorer users won't see much opacity. I'm including a separate stylesheet for IE 7 which will support hover effects on non-link items. However, this design as it stands is buggy in IE when opacity is applied to the mini-boxes.
I'll probably update this design as time goes along. I'm thinking of trying to apply the hover effect to a:focus.