Center image within it's container : <p>I can't seem to center my image, it's positioned absolute to it's parent which is relative. </p>

<p>I've used inspect element to try many ways, but it doesn't seem to want to work.</p>

<p>Please see the example here: <a href="http://dassiedev.dassieartisan.com/furniture" rel="nofollow noreferrer">http://dassiedev.dassieartisan.com/furniture</a></p>

<p>Here's my CSS:</p>

<pre><code>    .tm-switch-image-container {
    position: relative;
    overflow: hidden;
    height: 276px;
}
.tm-switch-image-container img {
    width: 276px;
    height: 276px;
    max-width: none;
}
</code></pre>
