Hello

It appears you have added a pull left bootstrap class to your images where there doesn't appear to be any need for it. This will effect your image resizing on some browsers. Removing this class should resolve the issue.

Ciarán

The images that show are the Intro/Full Article images set in the article. I didn't add any CSS to those and I haven't edited the images in the CSS files.

Can you be more specific as to which item I need to change?

I removed the "float: left" from the .pull-left class. It looks like the images resize now in IE for the single column... but the 2 column is still a mess.

two column layout:
http://summersinnludington.com/index.php/our-rooms-2

Hello

You should not edit the bootstrap.css pull-left class as this will effect other elements of your site content that is using the the same class. The class should be removed from the actual image itself.

The HTML for you images look like this...

<div class="pull-left item-image">

<img itemprop="thumbnailUrl" alt="" src="/images/delux_single_queen.jpg">

</div>

To remove the pull-left class this should be changed to...

<div class="item-image">

<img itemprop="thumbnailUrl" alt="" src="/images/delux_single_queen.jpg">

</div>

I would strongly suggest reverting any changes made to your CSS.

Ciarán

I reverted the bootstrap.css and removed the pull-left from the php files.

It still doesn't scale photos into columns in IE or Firefox
http://summersinnludington.com/index.php/our-rooms-2

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán