スタイルシートでマウスが上に来た時に、セルの色が変化するように以下のように記入しました。

/*　テーブルリンク時の設定
------------------------------------------------*/
.table a {
border: none;
text-decoration:none;/*--リンクの下線を消す--*/
height: 100%; /*-----IE対策------*/
width:100%;
display: block;
}

/*　メニューにマウスポインタが乗った時色がかわる
------------------------------------------------*/
.table a:link:hover,
.table a:visited:hover {
background-color: #ffd9f5;/*--バックの色----*/
}

ところが、こちらのページを参考にしていただきたいのですが
http://homepage3.nifty.com/mother/sample.htm
「必ずする手続き」とテーブルの間が空きすぎているため、対応として

.table {
font-size :12px;
margin-top: 0px;/*テーブル上部の空白*/

と記入してみましたが、下の「３列タイプ何段でも重ねられます」とテーブルの間隔に比べて
間があきすぎています。
この間隔を狭めるにはどのようにしたらよろしいでしょうか？