Fill a div with and vertical centered image

using overflow hidden and jquery mobile function we are centering a floated image on a div container and positioning the image inside that div container

HTML

<body>
    <div class="frame">
        <img src="http://stuffpoint.com/parrots/image/240658-parrots-white-parrot.jpg" />
    </div>
    <div class="frame">
        <img src="http://stuffpoint.com/parrots/image/240658-parrots-white-parrot.jpg" />
    </div>
</body>

CSS

.frame {
  
    height: 200px;
    overflow: hidden;
    position: relative;
}

.frame img {
    width: 100%;
}