Does anyone know the solution to this problem I've got? I'm sure its simple but I'm a bit of a newbie when it comes to css.
I'm trying to remake this page of mine: www.stevebishop.org/work.html
but make the images 100% in height (counting the text at the bottom - so really I'm making the containing div 100% in height).
I'd like to use auto width as images wont necessarily be the same size (landscape, portrait, etc). The problem I've run into is to do with floating these containing divs side by side without specifying the width, like in my existing version.
Here's what i've done so far:www.stevebishop.org/resize/index.html
It looks correct in my version of FF (8.0.1), but the containing div doesn't seem to clear the previous one in Chrome and on other versions of FF.
Does anyone know how to get this behaviour of divs floating as I'm trying to get them but done correctly?