・行　１
・列　２
・セル余白　０
・セル間隔　０　・・・・・・・・・・・・・・・・必ず０にしてください。
・ボーダー　０・・・・・・・・・・・・・・・・・・必ず０にしてください。
・左のセルの背景色　 #FFCCFF（ピンク）
右のセルにの画像を貼りつけます。
この画像は、画像作製ソフトで円を描き４等分したものです。
高×幅は、 21ピクセルで作製しました。

☆ワンポイント☆
画像のサイズですが、文字のサイズの範囲を考慮して作成した方が良いです。
IE環境ですが文字のサイズが最小から最大まであります。一応最大にしても
カバーできる大きさの物が好ましいと思います。最初18×18ピクセルで作成しましたが
最大で見た場合、セルのずれが生じるとの ご指摘いただき、大きさを 21×21ピクセル
に変更しました。文字のサイズを最大にしても対応しました。

・行　１
・列　２
・セル余白 ３　・・・・・・・・・・こちらは自由に設定してください。
・セル間隔　１・・・・・・・・・・・必ず１にします。 （細いボーダーにする目的ですので）
・ボーダー　０　・・・・・・・・・・・・・・・・必ず０にします。
・背景色　#FFCCFF（ピンク） ・・・・・「ボーダーカラー」ではなく「背景色」ですので注意！
・右と左のセルの背景色を #CCFFFF（ブルー）

☆ワンポイント☆
セルの間隔を１にする事で細いボーダーができます。
テーブルの背景色と各々のセルの背景色をつけるのがポイントです。