img in div vertical zentrieren

[Beat]

Hier ein (nicht funktionierender) Codeschnippsel, der das verdeutlichen soll, was ich mir vorstelle

div {
  width:150px;
  height:150px;
  background:#000;
  vertical-align:middle;
}
div img {
  width:150px;
  height:auto;
}

> ~~~html
  

> <div><img src="foo.bar"></div>  
> 

Ich hab das mal wie folgt gelöst:
<div>&nbsp;<img>&nbsp;</div>

jetzt wird einfach eine line-height definiert, die exakt der gewünschten height des divs entspricht.
Damit hat vertical-align einen Indicator.

Nur die zwei   muss man in der Breite mit kalkulieren.

mfg Beat