Thumbnails dropping down instead if staying inline, css

Question

I have a group of 4 randomly generated thumbnails created by a garage system on my website:

http://www.r32oc.com

You can see just under the main header area where they load.

They load up initially in the right order, and lined up nicely however when the page is finished loading they finish up on top of each other.

I have looked through the CSS and templates but think I am missing something obvious as to what is causing this. I have tried adding floats however they affect other elements on the page despite adding clearing divs.

Any help is appreciated.

Answer 1

Have you tried...

a {
    display:inline-block;
}

?

Answer 2

You could add this css:

.main_thumb_block { float: left; }

Answer 3

Add width to your class class="ipsBox_container"

.ipsBox_container
{
width:100%;
}