使用-ms-content-zoom进行内容居中

Question

我一直在使用此示例创建“可缩放”内容： http://code.msdn.microsoft.com/windowsapps/Scrolling-panning-and-47d70d4c

我的HTML：

<div id="zoomElement" class="zoomElement ManipulationContainer">
    <img id="zoomContent" class="zoomContent" alt="" src="sample.jpg" />
</div>

我的CSS：

.zoomElement {
    overflow: auto;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 20%;
    -ms-content-zoom-limit-max: 500%;
}

现在，无论怎样，我都无法将img放在容器的中心位置。