Center a span and image verticallly inside a div

[DoolvivaLob]

How can I center vertically the span and the image here?\[code\]<div id="foo"> <span>Im great</span> <image src=""></div>div { height:350px; background:yellow;}div span{ line-height: 350px; background: red;}\[/code\]DEMOWhen I remove the image the span is centered, but if I add the image the span is not centered any more..why?