So I'm looking for some opinions on what semantic markup should be used for a product grid on a webstore.
When laying out the grid I try to use a list whenever possible and use classes to clear floats and what not.
Sometimes I'll use the below on some tricky designs the designers come up with.
But the bigger thing I am looking for is marking up an individual product.
What I traditionally use and not particularly fond of as it just doesn't seem correct as there tend to be too many divs.
And note that I would have classes to mark the pieces to target with css but I didn't include them for purposes of this post.
Suggestions? Opinions? Thoughts?
<div><img alt="Product Title" src="path/to/thumbnail.jgp" /></div>
<div><!-- div to acheieve floating of product information without wrapping around the image -->
<div>More Colors</div><!-- just a label more or less to say the product has more colors -->
<div><a href="similar.html">More like this</a></div>