中途半端な解決法ですが - 角丸にする方法

id:b_t_bさんの新しいレイアウトがとても素敵で、かわいいです。なのですがお困りのご様子

2.左側のその日ごとの下を角丸にしたいけど、出来ない。どこに角丸画像をいれたらいいですか。

おそらく、「下を角丸」というのはここの部分のことで、

これを角丸にしたい、とのことなのでちょっとやってみました。
方法としては

.day            { background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051817.gif"); background-repeat: repeat; text-align: left; margin-bottom: 50px; 
	/* padding: 0 0 20px; */
	   padding: 0 0 0 0; 
 width: auto; _width: 100%            }


div.comment{ background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; margin: 0 30px 10px; padding: 10px; border: 0px; _width: 100%    }

div.refererlist   {
	padding: 0 0 2em 0;
	margin:  0;
	border: none;
	background-image:url("http://rikuo.g.hatena.ne.jp/files/rikuo/33a65ff8ea52a0ad.gif");
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center bottom;
}

div.refererlist div.caption {background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; margin: 0 30px 0 30px; padding: 10px;}

div.refererlist ul { font-size: 80%; background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; letter-spacing: 0; list-style-type: none; margin: 0 30px 0 30px;; padding: 0 }

という形でやっています。具体的には、トラックバック欄に

この画像を表示させて角丸をしています。

これで一応、角丸での表示ができます。




ただ、表題通りこれでズバッと解決している訳ではないです。
この方法ははっきり言って中途半端なやり方でして、id:b_t_bさんはトラックバックの表示を「コメントページに表示する」に設定されているので、エントリー個別のページでないとトラックバック欄が表示されないため、同時に角丸も表示できません。
そのためトラックバック欄を表示させる、なら角丸ができますが……この方法ではそれらの設定を変える必要がでてしまいます。


また2点目としては、

こちらのように、トラックバックが並んだ場合は、背景画像がずれてしまうという問題があります。




というわけで、とても中途半端で、穴のあるアドバイスで申し訳ないです。こんなのでも、何かのヒントになれれば幸いなんですが。
ツーか、私自身も今 同じところで引っ掛かってしまって困ってるので、誰か今年の初人助け、としてズバッとした解決方法を教えてくれないかなー、って思って書いてみました。


[のっかり質問][他人任せ][丸投げ][誰か私も助けて]

><