backgroundの色を指定しているときにtdやtrの高さが異なるとダサい感じになることがよくある.そのずれを解消して、Tableにフィットさせたりtdにフィットさせるのは意外と素直な方法はない.
CSSで書く場合は以下のように書く必要がある. 以下のURLを参考にして行っている
https://stackoverflow.com/questions/17342181/how-to-fit-html-table-row-to-its-content
height: 1px;
で良いらしい.どうやら0にするとうまくいかないブラウザがあるそうなので、1pxに設定すれば問題ないとのこと.