link บนรูปภาพ รบกวนหน่อยค่ะพอดีเราจะใส่ลิงค์บนรูปภาพ พอใส่ลิงค์แล้วมันเกิดขอบรอบๆรูปภาพอ่ะ

<div align="left" class="title">ร่วมงานกับเรา</div> 
			<div class="menu" ><?php echo "<a href='$PHP_SELF';>" ?> ตำแหน่งงานว่าง</a></div>
			<div class="menu" > <a href="register.pdf"> สมัครงาน</a></div>
			<div class="menu" > <a href="map_b.jpg" target="_blank">แผนที่บริษัท</a></div>
			<div class="pt"> 1. เจ้าหน้าที่ฝ่ายขาย (Account Executive, Sale Representative)</div>
			<div class="ppt">คุณสมบัติ</div>
			<div class="dt_">
				<ul>
					<li>วุฒิการศึกษา ปวส. - ปริญญาตรี สาขาที่เกี่ยวข้อง</li>
					<li>อายุ 22 – 35 ปี</li>
					<li>มีประสบการณ์ในด้านการวางแผนการตลาดมาก่อน 1 – 2 ปี โดยเฉพาะด้านวิทยุโทรทัศน์</li>
					<li>มีความรู้ ความสามารถเกี่ยวกับงานด้านการขายสื่อ</li>
					<li>สามารถวิเคราะห์และวางแผนงานขายได้</li>
					<li>มีความกระตือรือร้นที่จะสร้างสรรค์สิ่งใหม่ๆ สามารถทำงานได้เป็นรูปธรรมจริง รักงานโฆษณา และบริการ</li>
					<li>มีทักษะในการสื่อสาร มีไหวพริบในการทำงาน</li>
					<li>สามารถทำงานเป็นทีม มีมนุษยสัมพันธ์ที่ดี</li>
					<li>สามารถใช้คอมพิวเตอร์โปรแกรม MS Office, Power Point ได้</li>
					<li>สามารถใช้ภาษาอังกฤษ (พูด อ่าน เขียน) ได้จะได้รับการพิจารณาเป็นพิเศษ</li>
					<li>มีพาหนะเป็นของตนเอง</li>
				</ul>
			</div>
			<div class="dt">รายละเอียด</div>
			<div class="dt_">
				<ul>
					<li>ขายโฆษณาประเภทสื่อวิทยุและโทรทัศน์ รวมถึงวางแผนขยายการตลาด ดูแลการขาย ประสานงานกับลูกค้า จัดทำและวิเคราะห์สถิติและพฤติกรรมกลุ่มเป้าหมาย จัดทำเอกสารสนับสนุนการขาย</li>
				</ul>
			</div>
			<div class="rgt"><a href="register.pdf"><img src="img/apply.jpg"></a></div>

.rgt{
clear: both;
float: right; 
padding: 0px 0px;
margin: 10px 10px;
}
.menu{
font-family: sans-serif;
font-size: 16px;
float: left;
padding: 10px 5px 10 10px;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}