HTML5

テーブルタグについて質問です。
簡単なテーブルでスイスの国旗を描いてみたのですが、
縦方向（行方向？）に隙間が空いてしまいます。
これをぴっちり詰めてレンダリングさせる書き方はないものでしょうか？
<table width="400px" height="400px" align="center" border="0">
<tr>
<td bgcolor="#E60012" height="80px" colspan="5" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="20%" height="80px" colspan="5" cellpadding="0" cellspacing="0"></td>
</tr>
</table>

スレ違いであれば適切なスレへの誘導でもいいのでよろしくお願いいたします。
## 白十字の縦横比および余白ならぬ余赤の比率が違う！という点はご容赦下さい。

スレチ杉

>>167
あがとうございます。
スレ違いのようですね　スレを立てましたので責任を持ってご回答至急お願いします

テーブルで国旗を作る方法
http://pc11.2ch.net/test/read.cgi/hp/1202993920/