Html Respond.js隐藏徽标图像ie8

我有以下页眉：

    <header id="header" class="Anonymous" data-role="header">
        <div class="content">
            <div id="logo"><a href="index.php"><img src="img/logos/logo-ddf.png" alt="Dorset Dub Fest"></a></div>
            <div class="outer-nav">
                <ul class="nav links">
                    <li class="packed"><a href="booking.php" class="active link-secondary">Book Tickets!</a></li>
                </ul>
                <ul class="nav links desktop-links">
                    <li><a href="index.php">Home</a></li>
                    <li><a href="about.php">About</a></li>
                    <li><a href="news.php">News</a></li>
                    <li><a href="event.php">What's On</a></li>
                    <li><a href="sponsors.php">Sponsors</a></li>
                    <li><a href="javascript:void(0);" class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Trade</a>
                        <ul class="dropdown-menu trade-dropdown" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="trade-info.php">2014 Trader Information</a></li>
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="docs/Dubfest%20Traders.pdf">Trader Application</a></li>
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="traders.php">Traders List</a></li>
                        </ul>
                    </li>
                    <li><a href="find-us.php">Find Us</a></li>
                </ul>
            </div>
        </div>
    </header>

这里有一个指向该网站的链接：已删除

现在，问题如下所示：

在IE10/Chrome/Firefox上，它显示以下内容： IE7上显示以下内容： 但是，在IE8上，它显示以下内容：

标志消失了，我不知道为什么。我正在使用respond.js和html5shiv阅读我的html和css媒体查询

有什么想法吗？

多亏了@Sigma

答案是添加

width:auto到
#徽标img
如下所示：

@media screen and (min-width:960px) {
    #header #logo {
        margin: 20px 0 16px;
        float: left;
        height: 35px;
        width: auto;
    }

    #header #logo img {
        width: auto;
        height: 130px;
    }
}

它使标识在IE8中消失。可能它没有显示链接徽标的尺寸

或许可以加上：

#logo a {
    display: block;
} 

最大宽度可更好地发挥作用，为img标签添加响应性：

#logo img {
    width: auto;
    max-width: 100%;
    height: auto;
}

一句话，虽然我会调整的标志要小得多。现在它是540K，这是一个带宽很多。
#logo a {
    display: block;
} 

#logo img {
    width: auto;
    max-width: 100%;
    height: auto;
}