Css 带有1px边框的浮动网格-在IE9中，在特定浏览器宽度下，水平边框消失

我已经创建了一个浮动图像网格，其中图像设置为100%，它们之间有1px的边界。这个问题似乎只发生在IE9中。。。如果慢慢调整浏览器的大小，则水平边框将消失。以下是测试：

CSS:

HTML:

您的问题有两个方面：

首先，您没有对该页面使用任何类型的CSS重置。这意味着你要让大量的猜测作用于每个浏览器。有无数的CSS重置，它们都工作得很好。我建议您从以下三个选项中进行选择：，或者在中进行重置，基本上是一个广泛的、HTML5版本的Strppd

其次，是的，IE在计算非整数值时有点厚，这就是为什么我建议使用非常有用的框大小调整技术，如本文所述

---

谢谢，我已经添加了strppd和css:{-moz-box-sizing:border-box；-webkit-box-sizing:border-box；box-sizing:border-box；}但是在IE9中仍然不走运。还尝试了normalize.css。我已更新了此处的链接：

*{
  margin: 0;
  padding: 0;
  border: 0;
}
ul{
    width:100%;
}
li{
    list-style:none;
    float:left;
    width:33.333333333%;
}
.li-inner{
    border:1px solid red;
    margin-left: -1px;
    margin-top: -1px;
}
img{
    width:100%;
}

 <ul>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
            <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
         <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
        <li>
            <div class="li-inner">
              <a href="#" class="full-image"><img src="http://www.zerostatic.com/01.jpg" alt=""></a>
            </div>
        </li>
    </ul>