They are appearing in the correct order, but I cannot figure out why two "spots" are skipped before the fourth item is placed, and then continues as it is supposed to. I've checked both in IE and Firefox. You should be fine seeing code generated from your browser... It almost looks like there is something in the way, are they conflicting with each other since they have no height attribute set? If so, what is the best way to get past that?
This is still in progress but I wanted to get the general idea down before playing with additional spacing and coloring of the individual boxes...
Update: Yes, the height property needs to be set properly otherwise the box height varies too much. Also needed to clear some two of the divs inside the container itself.
Edited by Tripredacus, 13 May 2011 - 11:18 AM.