使用CSS在Div中垂直居中SVG img

Question

在div中我有一个引用SVG文件的img标签。我想将这个图像垂直和水平居中在div中。目标是IE 9/10和FF。 我已经尝试了各种CSS网站的各种建议，但似乎没有给我预期的垂直间距/居中。 SVG文件的大小将通过jscript更改，因此居中必须是“动态的”。

这是我最新的CSS：

.bigbox {
border: 1px solid #808080;
background-color: #FFFFFF;
display: table;
width: 300px;
height: 100px;
}
img {
width: 95%;
vertical-align: middle;
text-align: center;
display: table-cell;
}

HTML：

 <div class="bigbox">
        <img src="LOGOo2.svg"/>
    </div>