コメント欄を二段にして見やすくする 改定版 CSS 2007/08/17

ずっと気になってたので、休みに入ったから直しました。
酔拳の王　だんげの方 - 名前とコメントを二段にわけて見やすくする方法
これだと

　コメントした人の名前
画像『コメント本文』となっていたので
↓
画像　コメントの
『コメント本文』

になるようにしました。　文字色、色、幅等は適当に調節してください。表示はされますがCSS的には変に力技だと思うのでもうちょっとスマートなやり方がわかる方がいましたら、是非教えてください。

div.commentshort p {
	padding: 1.5em 2em 0.2em 2em;
	background-color: #E9E9E8;
	border: #B9B8B4 1px solid;
         margin: 0.5em 2em 2em 1em;
	text-indent: 0em;
	position: relative;
	top: 0px;
	left: 0px;
}


span.commentator {
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;         
         font-size: 100%;
         font-weight: bold; 
	background-color: #D8D8D5;
	position: absolute;
	display: block;
	top: 1px;
	left: 2em;
}

div.commentshort span.canchor a {
	display: block;
	position: absolute;
	top: 1px;
	left: 0.5em;
}