Remove floats from how we implement postcards

[meganem]

This is a problem when the text is shorter than the image, and because the image is floating, content below the postcard will bump up.

We've solved this with hacks for various views by putting min-heights on the views-row to force them to be at least as tall as the image.

This is a bad way to solve this problem. Can we implement postcards without a float in the styles?

[meganem]

Ah figured out that you can add overflow: auto; to all the postcards and this will clear it (line 135). Need to browser test and then re-adjust how we add margins/padding on postcard divs and images so we don't break anything.

See this example: http://www.quirksmode.org/css/clearing.html

[meganem]

Once we do this, we can remove the bottom margin from postcard-left and postcard-right (leave the bottom margin on the wrapping ones). This will leave a lot of extra margin on wrapping postcards (30px!) which we will have to figure out.

[meganem]

decided to leave the margins alone until we go into testing to see if this makes a big difference.

[meganem]

This turned out to be problematic in practice, adding scroll bars to things esp when zooming the page.

[meganem]

It's working. Don't fix something that aint broke -JB