Html CSS:IE8中的边界

Html CSS:IE8中的边界,html,css,internet-explorer-8,border,Html,Css,Internet Explorer 8,Border,我有一个html对话框: <div id="sample"> <div class="sample-wraper"> <a class="modal_close" href="#"></a> <form id="Form1" name="Form1" method="post"> <table id="tt"> <tr align="center">

我有一个html对话框:

<div id="sample">
<div class="sample-wraper">
    <a class="modal_close" href="#"></a>
    <form id="Form1" name="Form1" method="post">
      <table id="tt"> 
        <tr align="center">
          <td colspan="2" id="naam"><b>Cha test</b></td>
        </tr>
        <tr>
          <td colspan="2">
            <div id="boodschap" class="text" style="border-right: 1px solid; border-top: 1px solid; overflow: auto;
              border-left: 1px solid; width: 468px;  height: 182px; border-bottom: 1px solid; 
              background-color: white">njnknkkm</div>
          </td>
        </tr>
        <tr>
          <td colspan="2">        
              <textarea id="antwoord" name="antwoord" class="text" 
                style="width: 465px; height: 182px; border-width: 1px; border-style: solid; border-color: black;" 
                onkeydown="textCounter(antwoord,aantal,1000)" 
                onkeyup="textCounter(antwoord,aantal,1000)"></textarea>
          </td>
        </tr>
        <tr>
          <td class="text" align="left" width="210">
            Caráters permitidas
            <input readonly type="text" name="aantal" size="3" maxlength="4" value="1000" id="aantal"></td>
          <td align="right">
            <input id="Submit" name="Submit" type="button" value="Enviar" onclick="submitForm();"
              class="button" style="width: 130px">
          </td>
        </tr>
      </table>
      <input id="IdTo" name="IdTo" type="hidden">
    </form>
</div>
问题是,在IE8中,在这个对话框的左上角,我得到了一些正方形,若我从对话框示例中删除边框,它就会消失

问题样本

在IE7和IE9中,我并没有得到这个特性


我发现了这篇关于IE borders问题的帖子。由于我的对话框是绝对位置的,这是为了在滚动时不移动对话框,我添加了这个对话框的包装。所以我设置了对话框相对位置和包装器绝对位置。但这也没有帮助。获取此结果:clip2net.com/s/i6lcKz

您是否验证了html?我在这里只看到一个div close标签。拥有有效的html是第一步。@Ethan close标记添加的只是它不可见。不知道为什么。。。但现在好了,你检查过了吗?@AymanSafadi你是说现有的html吗?是的,我查过了。
    #sample {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    border: 1px solid;
    display: none;
    padding: 15px 10px 10px;
    position:absolute !important;
}

.modal_close {
    background: url("Close-icon-download-182005456677-png/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Close-icon-download-182005456677-png/button.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Close-icon-download-182005456677-png/button.png',sizingMethod='scale')";
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 2;
}