익스에서는 이쁘게 잘 나오는데 불여우에서는
"학습","운동" 이렇게 쓰여 있는 배경 이미지 파일이 안보이네요. 클릭하면 사라지는군요..
자바스크립트에 능하신 분들 조언좀 구합니다..

[code]
<!--텝메뉴-->
<style>
.menu_on{
cursor:pointer;
}
</style>
<SCRIPT type=text/javascript>
<!--
old_debate='1';

function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}

//-->
</SCRIPT>
<table width="430" style="border: #000000 1px solid;" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<table width="430" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="86">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="86" height="28" class="menu_on" align=center id=debate1 onfocus='this.blur()' style="background :url(<?=$board_skin_path?>/img/z_grey3.gif);">학습 </TD>
<TD width="86" height="28" class="menu_on" align=center id=debate1#1 onclick="javascript:showLayer('1')" onfocus='this.blur();' style="display:none;" style="background :url(<?=$board_skin_path?>/img/z_grey2.gif);">학습</TD>
</TR></TABLE></td>
<td width="86">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="86" height="28" class="menu_on" align=center id=debate2 style="DISPLAY: none;" style="background :url(<?=$board_skin_path?>/img/z_grey3.gif);">운동</TD>
<TD width="86" height="28" class="menu_on" align=center id=debate2#1 onclick="javascript:showLayer('2')" onfocus='this.blur()' style="background :url(<?=$board_skin_path?>/img/z_grey2.gif);" >운동</TD>
</TR></TABLE></td>
<td width="86">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="86" height="28" class="menu_on" align=center id=debate3 style="DISPLAY: none;" style="background :url(<?=$board_skin_path?>/img/z_grey3.gif);">명상</TD>
<TD width="86" height="28" class="menu_on" align=center id=debate3#1 onclick="javascript:showLayer('3')" onfocus='this.blur()' style="background :url(<?=$board_skin_path?>/img/z_grey2.gif);" >명상</TD>
</TR></TABLE></td>
<td width="86">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="86" height="28" class="menu_on" align=center id=debate4 style="DISPLAY: none;" style="background :url(<?=$board_skin_path?>/img/z_grey3.gif);">취미</TD>
<TD width="86" height="28" class="menu_on" align=center id=debate4#1 onclick="javascript:showLayer('4')" onfocus='this.blur()' style="background :url(<?=$board_skin_path?>/img/z_grey2.gif);" >취미</TD>
</TR></TABLE></td>
<td width="86">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="86" height="28" class="menu_on" align=center id=debate5 style="DISPLAY: none;" style="background :url(<?=$board_skin_path?>/img/z_grey3.gif);">영화</TD>
<TD width="86" height="28" class="menu_on" align=center id=debate5#1 onclick="javascript:showLayer('5')" onfocus='this.blur()' style="background :url(<?=$board_skin_path?>/img/z_grey2.gif);" >영화</TD>
</TR></TABLE></td>
</tr>
</table>
<table width="430" border="0" cellspacing="0" cellpadding="0">
<tr><td height=296 bgcolor='#FFFFFF' valign='top'>
<DIV id=debate_content1>
학습 내용
</DIV>
<DIV id=debate_content2 style="DISPLAY: none;">
운동 내용
</DIV>
<DIV id=debate_content3 style="DISPLAY: none;">
명상 내용
</DIV>
<DIV id=debate_content4 style="DISPLAY: none;">
취미 내용
</DIV>
<DIV id=debate_content5 style="DISPLAY: none;">
영화 내용
</DIV>
</td></tr>
</table>
</td></tr></table>
<!--텝메뉴 끝-->
[/code]