テーマ『autumn-leaf』でフォトライフ画像フロートの隙間を作る

わけあって画像を左右に回り込みさせて、横に文字を流し込みたいのですが

画像と文字の隙間が詰まってしまいます。

■bass.css■

.hatena-image-left{
	float:right;
	margin:0 0 1em 1em;
}

フロートを設定するとimgのクラスに"hatena-image-left"が追加されます。

■autumn-leaf.css■

div.section p a.hatena-fotolife img{
	border:3px solid #ccc09d;
	margin:15px 0;
	clear:both;
} 

どうもアンカーとimgに設定されているこっちのクラスに優先権があるのか、上下マージン15px、左右マージン0が優位になってしまうようで。こちらに出てこないフロートの指定は無事なのですが。

そこで

div.section p a img.hatena-image-left {margin:0 1em 0 0;}
div.section p a img.hatena-image-right {margin:0 0 0 1em;}

と『スタイルシートの編集』に足してあげるとなんとかアキができるみたいです。どうしてこの順番なのか謎なのですが*1。。。あーでもないとやってたら偶然できた。

適当な画像がなかったもんでしなもんさんすみません。

とまあこんな感じでできているのかな･･･？

*1:CSSにおけるセレクタの優先順位：http://refluxflow.net/2006/08/css_selector_specificity.htmlが関係しているとかしていないとか。