JSFiddle - React, Tailwind, and code Playground

HTML

<!--[if lte IE 7]>
<style type="text/css">
#container {
    position: relative;
}
#container2 {
    position: absolute;
    top: 50%;
}
#myDiv {
    position: relative;
    top: -50%;
}
</style>
<![endif]-->
<div id="container">
    <div id="container2">
        <div id="myDiv"><img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" /></div>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}

#container {
    border: 2px solid blue;
    height: 500px;
    display: table-cell;
    vertical-align: middle;
}

#myDiv {
    border: 3px solid red;
}

JavaScript

// Randomly resize the image inside #myDiv
$("#myDiv img").attr("width", 100 + Math.floor(Math.random() * 500)).attr("height", 100 + Math.floor(Math.random() * 380));