DIV에 대한 질문입니다..

파란색 위치에 빨간색이 올라가야는데..그부분이 DIV라서 그런가 그자리에 안올라가요..

도와주세요..

소스는 다음과 같습니다

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

<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이미지도 사내소식 자료실 라인 오른쪽으로 밀어야는데 자꾸 내용쪽에 자리잡혀있구요.. 도움좀 부탁드립니다..