ช่วยจัดตำแหน่ง css รูปภาพให้ fix อยู่กับหน่อยค่ะ คือตอนนี้มันจะ เด้งขึ้น เด้งลง ตามความยาวของข้อมูล

<div id="frame">  
	<div class="box-1"> 
    	<div class="addrecord">
        	<ul>
            	<li>Active Ingredient - Page 1 เพิ่มรายละเอียด </li>
            </ul>
            <?
        $sql="SELECT * FROM ingredient_page1";	
		$query = mysql_query($sql) or die ("Error Query = ".$sql.""); 
		while($result=mysql_fetch_assoc($query))
		{
			?>
    		<ul>
            	<li><div>รหัสสินค้า (Items Code)</div> : <?=$result['item_code'];?></li>
                <li><div>ชื่อสินค้า (Name)</div>: <?=$result['name'];?></li>
           	 	<li><div>ชื่อ INCI (Inci Name)</div>: <?=$result['inic_name'];?></li>
           	  	<li><div>ลักษณะ (Appearance)</div> : <?=$result['appearance'];?></li>
            	<li><div>ผลประโยชน์ (Advantage)</div> : <?=$result['benefit'];?></li>
            	<li><div>เปอร์เซ็นต์ (%) ที่ใช้</div> : <?=$result['percent'];?></li>
            	<li><div>Supplier</div> : <?=$result['supplier'];?></li>
            	<li><div>Source (Manufacturing)</div> : <?=$result['source_m'];?></li>
           	  	<li><div>Source Type</div> : <?=$result['source_type'];?></li>
            	<li><div>Resource</div> : <?=$result['resouce'];?></li>
              	<li><div>&nbsp;</div>
                <a href="<?=$PHP_SELF?>?action=edit_update&id_ac=<?=$result['id'];?> ">Edit</a> |
        		<a href="<?=$_SERVER['PHP_SELF']?>?action=delete&id_ac=<?=$result['id'];?>"onclick="return confirm('Are you sure you want to delete?')">Delete</a></li>
        	</ul>
               <?
				}//while
			?>
            </div><!--addrecord -->
            </div>  <!--box-1 -->
            </div> <!--frame -->
            
    <div class="box-2">
  	<?
	/*$sql_select="SELECT * FROM ingredient_page1";
	$query_select = mysql_query($sql_select) or die (mysql_error);
	$result= mysql_fetch_assoc($query_select);
	$id = $result['id'];*/
	
	//$sql="SELECT * FROM ingredient_page1_img WHERE ac_id=$id";	
	$sql="SELECT * FROM ingredient_page1_img";
	$query = mysql_query($sql) or die ("SQL Query = ".$sql.""); 
	//echo $sql;
	?>
      <?
	  		while($result=mysql_fetch_assoc($query))
		{
	  ?>
      	<ul>
       	 	<li><img src="uploads/ingredient_page1/<?=$result['images'];?>" width="236" height="166" border="0"><br /></li>
         	<li><?=$result["galleryName"];?></li>
        </ul>
       <? 
	   	  }//while
	   ?>
       </div><!--box-2 -->
    <br class="clear" />

/*Active Ingredient Page.1*/
/*Background*/	
#frame{
	width:85% ;
	font-family:PSLxKittithada; 
	background:#FFFFFF;
	/*line-height:15em;*/
	margin: auto;
	margin-top:-50px;
	box-shadow:#999 5px 5px 5px;
	-moz-box-shadow:#999 5px 5px 5px;
	-webkit-box-shadow:#999 5px 5px 5px;
}

.clear{
	clear:both; 
	line-height:0; 
	height:0;
}

.box-1{ 
	width:70%;
	/*border:1px solid #00F;*/
	margin-top:50px;
	font-family:PSLxKittithada; 
	font-size:22px;
	text-align:left;
	
}
.box-2{
	float:right;
	height:50px;
	margin-top:-645px;
	margin-right:130px;
	position:fix;
}
.box-2 ul li{
	list-style-type:none;
	text-align:center;
	/*margin-left:100px;*/	
}
  
/*Active Ingredient Page.1/Text Box*/
.addrecord ul input, .addrecord ul textarea{
	width:300px;
}

.addrecord ul div{
	float:left;
	width:180px;
	font-weight:bold;
}
.addrecord ul li{
	text-align:left;
	list-style-type:none;
	display:list-item;
	text-height:font-size;
	font-size:22px;
	padding:5px;
	
}