Collapsing divs?

HTML & CSS
1

I would like the photo and caption to flow around to the next row.

Also, images do not show up in IE7. best to look at in Firefox or Safari.

http://robertbarnesdesign.com/UPLOAD/winterKnit_2.html

Thanks.
Robert JJ

2

Thanks ralph.m. That did it.

Robert JJ

3

Hi Robert,

There is probably more that you should do here, but at least first try removing the height on the container divs (shown in red) or change it to something like 420px if all divs will have the same amount of content:

.photo_description {
	width: 200px;
	[COLOR="Red"]height: 239px;[/COLOR]
	float: left;
	margin: 0 10px 20px 0;
	border: solid #333 1px;
	display: inline;
}

Here is a good article that may help further: http://gtwebdev.com/workshop/layout/inline-block-gallery.php