Div Bar won’t float left of img swap…help?

Hi All,

This is my second post on WP Support. I have searched for this problem before so let me know if there is a solution already out there I have missed.

PROBLEM:
I created a ‘div bar’ to float to the right of img swap largeimg pic to contain sales information and an add to cart button.

The div bar will not float ‘inline’ to the image swap img. Instead it clears the entire image then floats right or left of the following content for all images except for “deer_03.jpg”.

Does anyone know why this is?

Attempted Solutions:
Adjust CSS for div container and img swap ‘largeimg’.
-Float: left or right does not work to either div
-Display: Block or inline yields no results either
Save imgs as .png and .jpg

I am using Atahualpa (ATO); there must be something else controlling this div bar…but I dont have a clue what it is! Please let me know if you do. I’ve invest a lot of time on this issue already and can’t afford much more. Thanks in advance.

For you reference:

webpage in question:
https://3dhats.com/?page_id=34
I want the ‘buy x2, get free shipping’ icon to float up to the left of the image for all images

CSS affecting div bar and large image:

#largeImg {
border:1px solid #CCCCCC;
height:400px;
padding:5px;
width:400px;
margin-left:0;
display: inline;
}

#prodright {
  width: 240px;
  height: 400px;
  float: right;
  display: inline;
}

HTML CODE FOR THIS PAGE PORTION:

<img id="largeImg" src="wordpressII/wp-content/gallery/products/bear/Bear_manican_large.png" alt="large image"><div id="prodright" /><img src="/wordpressII/wp-content/gallery/siteimg/freeshipping.png" alt="logo" class="shippinglogo"/><h1 style="text-align: left;">$21.95</h1><hr><br />[wp_cart:deerHat:price:21.95:end]</div>