IE9在彩色背景中显示徽标图像时出现问题

Question

我有以下html在我的上方导航栏中显示徽标： -

<a class="brand" href="~/Home/Index/"> <img alt="Group" src="~/Content/logo_CMYK.png" /> </a>
<div class="navbar">


        <div class="navbar-inner">

            <div class="container-fluid">

                <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

但我遇到的问题是IE9或以下的图像周围会有白色区域，如下所示： -

在IE10上，Firefox，Chrome将具有如下正确的布局： -

当我使用firefox firebug工具选择徽标时，它观察到以下内容： -

我尝试添加如下内容： -

<img alt="Group" src="~/Content/logo_CMYK.png" style='background:white; filter:alpha(opacity=1); border-style:none; border: 0;' />

或

 { background: transparent; filter:alpha(opacity=0);}

但所有未能解决IE9上的问题，有人可以提出建议吗？ 感谢