title: CSS3+jQuery image transform
body: <p>I'm building a image transformer with CSS3 and jQuery that will enlarge the photo hovered and reduces the width of the photo to right of the hovered photo. Everything looking good except from the fourth photo, that won't take place inside the container at some scenarios and will instead break line, which I don't wan't it to do. </p>
  
  <p>How should I write my code to make this work fine?</p>
  
  <p><a href="http://tinyurl.com/ncy2lqv" rel="nofollow">http://tinyurl.com/ncy2lqv</a></p>