Float image thumbnail gallery - problem with Safari

[joannakt]

I've followed a tutorial on how to create an image thumbnail gallery with CSS (http://css.maxdesign.com.au/floatuto...torial0407.htm) - the images are put into separate divs and then floated so they appear in rows across the page.

I have it working perfectly in IE, Firefox and Safari for Windows. You can see it here: http://www.steveandnick.com/projects1.html

On the Mac version of Safari though, the images just stretch down the page in one column. Normally I wouldn't be too worried, but I need this particular site to work in this browser.

The CSS that relates to the image thumbnail gallery is:

.thumbnail {
float: left;
width: 100px;
border-style:none;
margin: 10px 40px 10px 0px;
padding: 20px 20px 20px 20px;
line-height: 1.5em;
}
.clearboth { clear: both; }

Has anyone got any ideas as to why it's not working in the Mac version of Safari? I'd be very grateful for any suggested fixes! Let me know if you need any more info. I'm a real beginner when it comes to CSS