IE8.0.6001错误：背景在任何元素聚焦之前都会隐藏

Question

我在IE8中发现了一个错误，这真的很奇怪。请参阅下面的示例代码：

CSS：

p,h3 {
    padding:0;
    margin:0;
}
#header {
    width:900px;
    height:60px;
    background-color:#FFFF00;
    margin:0 auto;
}
#container {
    position:relative;
    width:900px;
    margin:0 auto;
    zoom:1;
}
#box_gerenciar {
    position:relative;
    width:880px;
    height:95px;
    padding:10px;
    background:url('fundo.png') no-repeat 0 0;
    margin-top:30px;
}
#box_gerenciar .foto {
    float:left;
    margin-left:6px;
    margin-top:6px;
}
#box_gerenciar .infos {
    float:left;
    margin-left:10px;
    margin-top:10px;
}
#box_gerenciar .btns {
    padding-top:10px;
    overflow:hidden;
    border:1px solid #000;
}
.btn_editar, .btn_deletar {
    float:left;
    width:150px;
    height:25px;
    background-color:#FF0000;
}

#paginas {
    float:left;
    padding-top:20px;
    position:relative;
    left:50%;
}

#paginas p {
    float:left;
    position:relative;
    right:50%;
}

#paginas a {
    float:left;
    padding:5px;
    border:1px solid #CCC;
    margin-left:7px;
}

HTML：

<div id="header">conteudo cabeçalho</div>

<div id="container">

    <div id="box_gerenciar">
        <div class="foto"><img src="teste.jpg" border="0" width="148" height="100" /></div>
        <div class="infos">
            <h3>Titulo da Mensagem</h3>
            <p>Data da Publicação</p>
            <div class="btns">
                <a href="javascript:;" class="btn_editar"></a>
                <a href="javascript:;" class="btn_deletar"></a>
            </div>
        </div>
    </div>

    <div id="box_gerenciar">
        <div class="foto"><img src="teste.jpg" border="0" width="148" height="100" /></div>
        <div class="infos">
            <h3>Titulo da Mensagem</h3>
            <p>Data da Publicação</p>
            <div class="btns">
                <a href="javascript:;" class="btn_editar"></a>
                <a href="javascript:;" class="btn_deletar"></a>
            </div>
        </div>
    </div>

    <div id="box_gerenciar">
        <div class="foto"><img src="teste.jpg" border="0" width="148" height="100" /></div>
        <div class="infos">
            <h3>Titulo da Mensagem</h3>
            <p>Data da Publicação</p>
            <div class="btns">
                <a href="javascript:;" class="btn_editar"></a>
                <a href="javascript:;" class="btn_deletar"></a>
            </div>
        </div>
    </div>

    <div id="paginas">
        <p><a href="?pg=0">1</a><a href="?pg=1">2</a><a href="?pg=1">></a><a href="?pg=2">>></a></p>
    </div>

</div>

#box_gerenciar的背景似乎是隐藏的，然后如果我专注于页面中的任何元素，它就会出现。真的很奇怪。它只发生在这个版本的IE中。我在8.0.76中进行了测试，它运行良好。

有人可以帮助我吗？