Css HTML5将一个div置于另一个div之上

我需要将画布分区居中放置在图像分区的顶部。我用

#topCanvas {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

还有左/右边缘，但没有成功。这是JSFIDLE-

画布的宽度和高度将保持不变，并且需要将水平/垂直中心与后分割对齐。我们可以安全地假设画布大小始终小于图像大小。

#topCanvas{
背景图像：url（'http://www.deque.com/wbcntnt928/wp-content/dquploads/jquery_logo.png');
高度：180px；//根据图片
宽度：800px；//根据图像
}
#倒计时{
位置：绝对位置；
左：50%；
最高：50%；
左边距：-30px；
利润上限：-30px；
}

---

谢谢！但我仍然无法解决这个问题。图像大小不是恒定的。如果您看到JSFIDLE，图像将根据页面大小重新调整大小。