How can you align an image inside of a containing div?
In my example, I need to vertically center the
<img> in the
class ="frame"` :
<div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div>
.frame's height is fixed and image's height is unknown. I can add new elements in
.frame if that's the only solution. I'm trying to do this on IE?7, Webkit, Gecko.
See the jsfiddle here: http://jsfiddle.net/4RPFa/61/