مشکل با ایجاد تصاویر آلبومی (بندانگشتی)

[.fatemeh]

سلام
می خوام با ul و li تصاویری رو به شکل آلبوم نمایش بدم.
این رو نوشتم:
#relation{margin:0px 0px 0px 0px;}
#relation ul{
list-style:none;
float:left;
border:1px solid #000;
height:auto;
min-height:300px;
margin:0px 0px 0px 0px;
}
#relation li{
float:right;
background:url(../images/temp/relation.png) no-repeat top right;
width:260px;
height:160px;
}
#relation a:link,#relation a:visited{ color:#32a2c0;}
#relation a:hover{color:#32a2c0;}
#relation img{
width:90px;
height:145px;
float:left;
margin:0px 0px 0px 10px;}

کد html:

<div id="relation" >
<ul>
<li><a href=""><img src="images/product/S.01.png" /></a></li>
<li><a href=""><img src="images/product/S.02.png" /></a></li>
<li><a href=""> <img src="images/product/S.03.png" /></a></li>
</ul>
</div>
مشکلش اینه که از طرف راست یه فاصله 20 پیکسلی میده
وقتی با margin هم به سمت راست می برم از پایین اسکرول می خوره.
خواهش می کنم راهنمایی کنید.:گریه: