ใช้ jQuery แล้วจัดกลางไม่ได้ค่ะ ช่วยดูให้หน่อยค่ะ มีรูปปให้ดู

<ul class="ver_icon_tab">

<li class="b_icon" style="background-color:#BDE3E7;">พยากรณ์อากาศ<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show"  style="background-color:#BDE3E7;display:block;"><br><br>
		<!-- พยากรณ์อากาศ -->
		<iframe src="http://www.tmd.go.th/daily_forecast_forweb.php" width="180" height="260" scrolling="no" frameborder=0></iframe>	
		</li>
    </ul>
</li>


<li class="b_icon" style="background-color:#ADDFFF;">ราคาทองคำวันนี้<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show"  style="background-color:#ADDFFF;"><br><br><br>
		<!-- ราคาทองคำ -->
		<iframe src="http://namchiang.com/ncgp2-1.swf" width="172" height="165" frameborder="0" marginheight=0 marginwidth=0 scrolling="no"></iframe>
		</li>
    </ul>
</li>


<li class="b_icon" style="background-color:#BDEDFF;">ผลสลากกินแบ่ง<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show"  style="background-color:#BDEDFF;"><br><br><br>
		<!-- ผลสลากกินแบ่งรัฐบาล -->
		<iframe src ="http://www.numwan.com/lottery/lottery.htm" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=150 height=190></iframe>  		</li>
    </ul>
</li>


<li class="b_icon" style="background-color:#E0FFFF;">อัตราแลกเปลี่ยน<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show"  style="background-color:#E0FFFF;"><br><br><br>
		<!-- อัตราแลกเปลี่ยน -->
		<iframe id="ifrmBanner" scrolling="no" src="http://www.bangkokbank.com/MajorRates/MainBannerThai.htm" width="170" height="155" frameborder="0"></iframe>
		</li>
    </ul>
</li>


<li class="b_icon" style="background-color:#9AFEFF;">ดัชนีหุ้น<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show" style="background-color:#9AFEFF;"><br><br>
		<!-- หุ้น -->
		<iframe src="http://www.settrade.com/banner/banner3.jsp" marginwidth="0" marginleft="0" height="210" width="200" scrolling=no frameborder=no></iframe>
		</li>
    </ul>
</li>

<li class="b_icon" style="background-color:#8EEBEC;">ราคาน้ำมันวันนี้<a href="#"></a>
    <ul>
	    <li class="vertical_detail_show" style="background-color:#8EEBEC;"><br>
		<!-- ราคาน้ำมัน ปตท. -->
		<iframe marginWidth=0 marginHeight=0 src="http://www.pttplc.com/th/GetOilPrice.aspx" frameBorder=0 width=173 scrolling=no height=275></iframe>
		</li>
    </ul>
</li>


</ul>

<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
.style3 {color: #FFFFFF}
.style4 {color: #999999}
-->
</style>


<style type="text/css">
ul.ver_icon_tab{
	position:relative;
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	display:block;	
	width:220px; /* ความกว้างทั้งหมด = ความกว้างเมนูด้านซ้าย + ความกว้างเนื้อหา ฝั่งขวา */
	height:300px; /* ความสูงทั้งหมด */

}
ul.ver_icon_tab li.b_icon{
	position:absolute;
	padding:0px;
	margin:0px;
	list-style:none;	
	display:block;
	width:150px; /*  ความกว้างเมนูด้านซ้าย  */
	height:50px;  /*  ความสูงเมนูด้านซ้าย  */
}
ul.ver_icon_tab li.b_icon a{
	display:block;
	width:150px;  /*  ความกว้างเมนูด้านซ้าย  */
	height:50px;  /*  ความสูงเมนูด้านซ้าย  */
	cursor:pointer;	
}
ul.ver_icon_tab li.b_icon ul{
	position:absolute;
	padding:0px;
	margin:0px;
	list-style:none;
	top:0px;
	left:200px; /* ขยับความกว้างเนื้อหา ฝั่งขวา ออกมา เท่ากับ  ความกว่างเมนูด้านซ้าย */
}
ul.ver_icon_tab li.b_icon ul li.vertical_detail_show{
	position:absolute;
	padding:0px;
	margin:0px;
	list-style:none;	
	display:none;
	width:220px;		/* ความกว้างของส่วนเนื้อหา ฝั่งขวา */
	height:300px;	/* ความสูงทั้งหมด */
}
</style>