CSS,JQuery Cycle和IE问题

Question

我正在使用一个名为"Cycle"的jQuery插件,我在IE中遇到了CSS的问题,它在Opera,FF,Chrome和Safari中看起来很完美,但IE正在破解这些...

WWW [点] photographicpassions [点] com /家

您将看到右侧的"最新作品"和主图像下方的缩略图,在FF,Safari,Chrome和Opera中,灰色容器位于所有缩略图的后面,但在IE中,灰色背景停在顶部缩略图..我已经尝试了各种各样的东西,使其工作,无济于事.有人可以帮助我吗？

这是在IE中不能很好玩的容器的CSS:

/* latest work container */
div#latestHolder {
    position: relative;
    float: left; width: 368px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
}

/* thumbnails */
div#nav {
    position: relative;
    float: left; left: 0px;
    width: 376px;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
}
    div#nav li {
        width: 66px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 9px 9px 0px 0px;
        list-style: none;
        cursor: pointer;
    }
    div#nav a {
        padding: 3px;
        display: block;
        background: #404040;
        cursor: pointer;
    }
        div#nav a.activeSlide {
            background: #ffffff;
            cursor: pointer;
        }
        div#nav a:focus {
            outline: none;
            cursor: pointer;
        }
    div#nav img {
        width: 60px;
        border: none;
        display: block;
        cursor: pointer;
    }

如果有人可以帮助我,那太棒了!:)

Answer 1

只需使用溢出：隐藏在容器上即可。默认情况下，overflow: auto 不会增长元素来包含其内容。设置溢出：隐藏（或溢出：自动...位，您可能会冒不需要的滚动条的风险），您将强制容器div扩展到其所有子元素的高度...包括浮动元素。