はてなリングのロゴをサイドバー内にタイル状に並べる

はてなアイデア のような要望があるが待てないので自分なりにいろいろやって，暫定的だが一応できた．Firefox と IE で表示確認．IE だとジャンプ用のウィンドウの表示が乱れる．

ソース：

<div class="hatena-module">
	<div class="hatena-moduletitle">リング</div>
	<div class="hatena-modulebody">
		<ul id="myring">
		 <li><hatena name="ring" rid="リング1" sid="固有id"></li>
		 <li><hatena name="ring" rid="リング2" sid="固有id"></li>
		 <li><hatena name="ring" rid="リング3" sid="固有id"></li>
		 <li><hatena name="ring" rid="リング4" sid="固有id"></li>
		 ...
		</ul>
		<div id="clearboth"></div>
	</div>
</div>

スタイルシート：

ul#myring {
}
ul#myring li {
	display:inline;
	float:left;
	margin-left: 3px;
	margin-bottom: 2px;
}
#hatena-ring-固有id img {
	width:60px;
	height:60px;
}
div#clearboth {
	clear:both;
}

ジャンプのウィンドが重なって表示されて見辛い．どうにか対応法はないものか．
やっつけなので，もっとスマートな方法があれば教えて欲しい．