Additional Image layout problem

[alexsmith2709]

Hi,
I am using version 1.3.9h with the Additional Product Image mod install (to make it easier for the website owner to add additional images). I have a layout issue which i am not sure how to solve.
Here is an example of what i mean:
http://www.purpleandblacktruro.co.uk...products_id=34
I want the images to display horizontally with a gap between each image. I added this to my stylesheet:

.additional-images {
	float: left;
	margin: 0em 1em 1em 0em;
        }

but then the "write review", "this product was added on...." and "tell a friend" buttons and text is all displayed next to the images which i do not want.

Any help would be great.

Thanks

[niccol]

You need to clear the float before the buttons because they are floated too.

So either put a <br class="clearBoth"/> into the code above them or add the css rule

clear:both;

to the rules for the buttons. You can target the buttons with their IDs.

[alexsmith2709]

Thank you, i thought it was something like that but wasnt sure how to do it.
Works great