[Plugin:CSS3 Image & Text Overlay] Images won't go side by side.

Hi All,
I’ve recently installed and have been using the CSS3 Image & Text Overlay plugin. It’s fantastic and I’ve been able to customise every aspect of it, however, I am unable to put two images side by side when I eventually go to publishing the page.

I currently use the HTML editor and use the below code. (There are two of the same images just so I could test this).

[overlay image="http://mycelebstyle.org/wp-content/uploads/2012/12/taylor-swift-park-harry.png" img class="left" class="floatLeft" alt="Taylor Harry Central Park 2 Dec 2012" title="Taylor Swift @ Central Park, 2 Dec 2012"]
<h2><a href="http://lala.com">Taylor Swift @ Central Park, 2 Dec 2012</a></h2>
Taylor Swift enjoys a day out with Harry Styles at New York's central park.
<a href="http://twitter.com">View guide here</a>.[/overlay][overlay image="http://mycelebstyle.org/wp-content/uploads/2012/12/taylor-swift-park-harry.png" class="floatLeft" alt="Taylor Harry Central Park 2 Dec 2012" title="Taylor Swift @ Central Park, 2 Dec 2012"]
<h2>Taylor Swift @ Central Park, 2 Dec 2012 <a href="http://www.flickr.com/photos/vkrejci/5540895982/in/pool-34427469792@N01/">Lauren</a></h2>
Taylor Swift enjoys a day out with Harry Styles at New York's central park.
<a href="http://twitter.com">View guide here</a>.
[/overlay]

The result just puts one image on top of the other vertically rather than side-by-side horizontally.
I have tried using floats and aligning etc but nothing seems to have an effect on the code.

Any help would be much appreciated. 🙂
Thank you all.