css – in不会垂直对齐：中间,为什么？

#left,#right{width:450px;height:450px;}
#left{position:absolute;left:20px;top:30px;}
#right{position:absolute;left:420px;top:30px;float:center;}

#left img, #right img{float:center; vertical-align:middle;cursor:pointer}

图像以水平为中心,但是顶部对齐(我想要中间)

HTML看起来像

<div id="media">
    <div id="left"><img/></div> <div id="right"><img/></div>
</div>

知道我做错了什么吗？

顺便说一句,所有这些问题都是因为我是displaying具有不同分辨率的图像：S

编辑

这没有帮助……