上のように <br clear="all"> を消すことで、横に余裕がある場合は回り込みます。
そのままではどこへのリンクか分からないので、a.azlk:after で「amazon.co.jp で買う」の画像を表示してますが、IE6(IE7 は未確認)では表示されないので IE6 への対応が必要な方は別の手段をご検討ください。
追記:backgroundでひとまとめに書いたら表示されなかったのでafterを使ったのに、ばらしたら表示された。orz
というわけで、下のCSSならIE6でも表示できます。
a.azlk {
display: block;
float: left;
width: 200px;
font-size: x-small;
margin: 3px;
padding: 1px;
border: 2px solid #FB970E;
background-color: #FFF;
background-image: url(http://ecx.images-amazon.com/images/G/09/buttons/buy-from-tan.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
a.azlk img {
border-width: 0;
margin: 2px 2px 2px 0;
float:left;
}
人様のコードをちょろ〜んといじった程度なのに、全部のっけていいのか(作者の迷惑にならないか)悩んだのですが、迷惑になるようなら消すということで全部載せてみます。
※注意
セコメントをする