переполнение только одного элемента в DIV

Есть ли способ, CSS или JavaScript, чтобы разрешить переполнение одного элемента в DIV, даже если его родительское переполнение скрыто.

Я написал ползунок jQuery, который скрывает слайды с помощью overflow: hidden.

<div class="container">
   <img src="image.jpg" />
   <div class="text">
      THIS TEXT IS HIDDEN WHEN POSITIONED OUTSIDE OF .container
   </div>
</div>

CSS:

.container{
    overflow:hidden;
    position: relative;
    width: 500px; height: 250px;
}

Мне нужно, чтобы изображение естественным образом переполнялось.