มีปัญหา เรื่อง การจัดเลเอาท์ค่ะ รบกวนเพื่อน ๆ พี่ ๆ ช่วยแก้ด้วยค่ะ

<div class="control_img">
	<ul>
    	<li><a href="#casettaloft"><img src="imgs/lacasetta-loft2.jpg"/></a></li>
        <li><a href="#mountain"><img src="imgs/lacasetta-loft3.jpg"/></a></li>
        <li><a href="#garden"><img src="imgs/lacasetta-loft1.jpg"/></a></li>
    </ul>
</div>
<div class="control_anchor"> 
	<div class="width_anchor">
		<ul>   	
    		<li><a href="#casettaloft">Casetta Loft</a></li>
        	<li"><a href="#mountain">Casetta Mountain</a></li>
        	<li><a href="#garden">Casetta Garden</a></li>
   	    </ul>
      </div>
</div> 

/*images achore link*/
.control_img{
	text-align:center;
	width:984px;
	margin: auto auto;
	}
	
.control_img ul{
	text-align:center;
	}

.control_img ul li{
	display:inline;
	padding:13px;
	}
		
/*anchor link*/	
.control_anchor{
	width:984px;
	margin: 0 auto;
	/*border:1px #FF0000 solid;*/
	}
	
.width_anchor{
	width:984px;
	margin: 0 auto;
	/*text-align:center;*/
	/*border:1px #FF0000 solid;*/
	}
	
.width_anchor ul li{
	display:inline;
	/*padding:40px;*/
	font-size:1.5em;
	text-align:center;
	list-style-type:none;
	text-transform:uppercase;
	}
	
.width_anchor a{
	color:#333;
	}
	
.width_anchor a:hover{
	color:#ffa870;
	}