CSS和IE8的问题，Box只在IE8中有一个溢出/重复的图像!请帮助

Question

我有一个问题，一些div框显示溢出/重复图像仅在Internet Explorer 8中。它在Chrome中运行良好;Firefox。

链接到问题的图像:http://img220.imageshack.us/img220/2209/cssproblem.png

我真的不知道发生了什么。请注意。在上图中，我突出显示了与其div匹配的CSS类。这里是一些CSS &我使用的HTML代码:

HTML:(注意:我已经删除了框内的所有表单元素，因为我删除了它，问题仍然存在)

    <div class="introtext">
            <h1>Where to Search?</h1>
    </div><!--introtext -->
    <div class="qms_search_container">
        <div class="qms_search_header">
            <h2 class="qms_search">What to Search?</h2>
        </div><!--#end qms_search_header-->
        <div class="qms_search_box" align="left">

            <!--Form Stuff -->

        </div><!--#end qms_search_box-->
    </div><!--#end qms_search_container-->
</div><!--#end intro_banner-->

CSS:

    .introbanner { 
        background:url(../img/header_bg.gif) no-repeat bottom left #FFF; 
        width:700px; 
        height:230px; 
        padding:0 0 30px 0; 
        margin-bottom:10px; 
        overflow:hidden;
    }
    .introtext {
        width:194px; 
        float:left; 
        color:#FFF; 
        border-right:2px solid #FFF;
        height:206px; background:url(../img/intro_bg_left.gif) no-repeat top left #222935; 
        padding:12px;
    }
   .qms_search_container {
         float:right;
         width:456px;
         height:206px;
         padding:12px;
         overflow:hidden;
         background:url('../public/frontend/img/area_banner.jpg') no-repeat top left #ffffff;
   }
   .qms_search_header {
         width:430px;
         height:32px;
    }

    .qms_search_header h2 {
         margin:0 0 0 0; padding:0; color:#FFF; font-weight:100; font-size:20px; background-image:none; height:auto;
    }

     .qms_search_box {
          width:436px;
          height:164px;
          background:url(../img/qms_search_bg.png);
          padding:5px;
          overflow:hidden;
     }

我已经被这个问题困了很长时间了，任何帮助都会非常感激!

谢谢,丹尼。

Answer 1

从您发布的链接samvaughton.com/search，您在IE中问题区域周围有无效的HTML。如果您检查IE开发人员工具，<div class="introtext">似乎没有正确关闭，因此右手内容被解释为在相同的div中。一旦您修复了无效的HTML，请确保float:right qms_search_container出现在标记的左侧之前。我想这应该能解决你的<=IE8问题。