Here is my solution to the Class 2 wire-frame assignment, with a few extra features.

Assignment 1

I've added two things using some CSS tricks. One is the bottom underline, which is actually a div with nothing in it but a top-border, moved up with a negative margin.

The other is an image that changes with rollover. It's actually a"sprite," or so I've heard such things called, which is two image states in the same image fit into a box only big enough to display one of them. On :hover, the second part of the image (for our purposes, the second image) moves into view, kindof like an old-fashioned slide show. This uses the background-position property.