Trouble with floating images in CSS

[chuckthedesigner]

Hi, not sure if this is the right forum for this, but I'm hoping someone can help with a CSS question.

I've designed a page in CSS with two social-media images that are supposed to float to the right of a larger graphic. It displays perfectly on the Mac using Safari and Firefox, and looks acceptable on my iPad (although the page is a bit too wide, which is another issue). But in IE 8 for Windows, the images appear to the left of the larger image rather than to the right. If I tweak the positioning to make it work in IE, it won't work on the Mac or iPad.

I'm aware that there are hacks required for some CSS tags for IE, but I haven't used CSS for awhile and all of my usual tricks aren't working.

The URL in question is

http://cprovancher.com/test.html

And the CSS is

http://cprovancher.com/2col.css

(.social1 and .social2, at the bottom of the file)

Any advice would be appreciated.

Thanks,
Chuck

 

[chuckthedesigner]

Never mind, I figured it out... I changed the float-right to float-left, and then it worked better.

 

[c0deM0nK424]

Never mind, I figured it out... I changed the float-right to float-left, and then it worked better. " ~