I want to float images uploaded by members next to each other, from left to right.
And when there is no more room then the code should auto line them in the next
line so as not to break the browsers..

You can see a sample of what I mean here:

as you see the fotos are getting loaded on top of each other rather than next to each other.

And FYI, here is the CSS code we are currently using for aligning these images:

.image-float-left {
float: left;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px; /* These margin defintions ensure that the Text does not seat too close to image */
border: 1px solid black;
padding: 3px;

What do you suggest to correct this?