画像の縦横中央配置 / CSS / クロスブラウザ

画像の縦横中央配置 HTMLのソース。余計な改行やスペースを入れないこと。 <div class="image"><span class="dummy"></span><img src="xxx.png" /></div> CSS。 div.image { border: 1px solid #8ff; min-width: 320px; width: 320px; height: 240px; _width: 322px; _height: 242px; text-align: center; display: block; } div.image span.dummy { height: 240px; width: 0px; vertical-align: middle; display: inline-block; } div.image img { max-width: 320px