Html 旧版internet explorer版本中未显示网站侧边栏

我不确定是什么导致了这个问题，但由于某种原因，我的网站的侧边栏并没有显示在旧版本的IE中（在IE9兼容性视图中测试）。 这是网页：

在现代浏览器中，你可以看到页面左侧的棕色侧边栏，但在旧IE中你看不到

有人能提出解决这个问题的办法吗

---

侧边栏的HTML

<!-- sidebar -->
        <div id="sidebar">
            <!-- logo -->
            <div id="logo"><h1>Bryuvers</h1></div>
            <!-- navigation -->
            <div id="navigation">
                <ul id="nav">
                    <li style="margin: 0;"><a id="current" href="index.php" >Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Production</a></li>
                    <li><a href="contact.php">Contact</a></li>
                </ul>
            </div>
            <!-- search -->
            <br />
            <br />
            <div id="search">
                <form id="searchForm" method="post">
                <fieldset>
                <input id="s" type="text" placeholder="Search" />
                <input type="submit" value="Submit" id="submitButton" />
                </fieldset>
            </form>
            </div>
            <div id="footer">&copy; Bryuvers - <?php echo date("Y"); ?></div>
        </div>
        <!-- sidebar_strip -->
        <div id="sidebar_strip"></div>

#sidebar {
    height: 100%;
    width: 300px;
    position: fixed;
    float: left;
    background: url("../images/sidebar_bg.png") repeat-y #2a1708;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;

    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    -o-transition: 0.45s;
    -ms-transition: 0.45s;
    transition: 0.45s;
}

#sidebar:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#sidebar_strip {
    height: 100%;
    position: fixed;
    margin: 0 0 0 300px;
    width: 10px;
    float: left;
    background: url("../images/sidebar_cover.png") repeat-y #866a3f;
}

---

---

是否有可能以某种方式编辑我的代码，使其至少在ie7中工作？

我相信旧版本的IE不支持

位置：固定这是（至少部分）导致失踪的原因

你可以在这里找到一种创建多列布局的跨浏览器方法：
听起来像是IE中的一个奇怪的怪癖，你可以通过将
#inner_wrapper
设置为
display:inline block来快速修复它而不是
浮动：左，如下所示：

#inner_wrapper {
  display:inline-block;
}

删除
float:left
属性，侧边栏再次出现