Html 网格中大小相等的项目的间距？

我正在寻找一种与ie8兼容的方法来创建网格：

HTML:

第n个子元素可以工作（忽略页边距底部的溢出），但不适用于ie8

---

有没有一个干净的解决方案可以在不更改html标记的情况下使这些网格项之间的间距相等？

Selectivizr解决了许多与CSS3选择器的IE兼容性问题

  <div class="grid">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>

.grid{
  background:#DDD;
  width:830px;
  height:830px;
}
.grid>div{
  height:200px;
  width:200px;
  box-sizing:border-box;
  border:1px solid #AAA;
  float:left;
  margin:0 10px 10px 0;
  background:#EEE;
}
.grid>div:nth-child(4n){
  margin-right:0;
}