css - CSSの高さのパーセンテージの問題

Question

25 個のフローティング ブロックを含むブロック レベルの要素がありwidth:20%、height: 20%

高さによっては隙間がありますが、幅は常に正しいです。

#grid{
  width: 880px;
  height: 333px; 
  background: blue;
}
#grid a{
  display: block;
  float: left;
  width: 20%;
  height: 20%;
  background: red
}

http://jsfiddle.net/wVC5j/をご覧ください

下部のギャップが存在しないようにするにはどうすればよいですか?

Answer 1

20.15%ちょうど 20 ではなく高さ を使用して問題を解決したようです。
これにより、オーバーフローが発生することがありますが、私のテストでは、高さを変更しても青は表示されませんでした。

http://jsfiddle.net/wVC5j/3/