Overflowing div's

I’m a bit of a noob to CSS and am trying my best to get accustomed to using it. I work mainly in Photoshop and in Flash so I’m more of a WYSIWYG guy. Anyway…

A link to the code I’m working on:
[URL=“http://oishinovi.com/test/”]
http://oishinovi.com/test/

So what I want to do is setup a product page where a company can list an infinite number of products. I want to have a maximum of 7 products on one line and then have the remaining products/divs create a new line and so forth.

If I wanted 70 products, I would want to have 10 lines of 7 products each with no additional formatting required from me. All I would do is add additional <div> tags to the code and the CSS would format it automatically, placing and stacking it all nicely and neatly.

Currently, the only thing I seem to have accomplished is have the <div> tags on the same line. But everything else I have in my code doesn’t seem to be executing.

I’d appreciate a nudge in the right direction. Like I said I’m a bit of a noob to CSS but am eager to learn.