div id 관련 최신글 메인에 나타내기

자바스크립트를 이용한 최신글을 메인에 나타나게 하려는 작업을 하고있는데요..
사내소식옆에 자료실이미지가 들어와야는데 밑으로 자꾸 내려가서요ㅠㅠ
소스는 다음과 같아요,,

<script language="javascript">
function show_leemocon(size){ //show_leemocon를 선언
var d1 = document.getElementById("size1"); // 탭1
var d2 = document.getElementById("size2"); // 탭2
d1.style.display = "none";
d2.style.display = "none";

switch(size){
case 1:
d1.style.display = "";
break;
case 2:
d2.style.display = "";
break;
}
}
</script>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

<td valign="top"><table width="285" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="73"><div id="size1" style="display:">
<img src = "../images/main/btn_news_on.gif"><a onClick="show_leemocon(2);" style="cursor:hand"><img src ="../images/main/btn_media_off.gif"></a><? echo latest("basic", "nw1", 3, 20); ?></div>

<div id="size2" style="display:none;">
<a onClick="show_leemocon(1);" style="cursor:hand"><img src = "../images/main/btn_news_off.gif"></a><img src ="../images/main/btn_media_on.gif">
<? echo latest("basic", "ws3", 3, 20); ?></div></td>
<td width="1"></td>

<td>&nbsp;</td>
<td height="27" align="right"><a href="#"><img src="../images/main/btn_more.gif" width="28" height="5" border="0"></a></td>
</tr>
</table></td>

그리고 more이미지도 사내소식 자료실 라인 오른쪽으로 밀어야는데 자꾸 내용쪽에 자리잡혀있구요.. 도움좀 부탁드립니다..