<style> 
#menu span {
padding: 5px 3px; 
width: 94%;
text-decoration: none;
border: 1px solid #905538;
display: block;
}
#menu .tabactive {
background:#905538;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
width: 99%;
}

.submenutext {
display: none; 
height: 240px;
}

</style>

<table width="100%" height="310" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td align="center" height="60">
<!--- Вложенная таблица кнопок меню --->
<div id="menu">
<table width="100%" height="50" cellspacing="1" cellpadding="1" border="0">
<tbody><tr>
<td width="20%" align="center"><span alt=#sm1 style="cursor: pointer;">FORUM NEWS</span></td>
<td width="20%" align="center"><span alt=#sm2 style="cursor: pointer;">GAME NEWS</span></td>
<td width="20%" align="center"><span alt=#sm3 style="cursor: pointer;">NAVIGATION</span></td>
<td width="20%" align="center"><span alt=#sm4 style="cursor: pointer;">PARTNERS</span></td>
</tr></tbody>
</table>
</div>
<!--- Конец кнопок --->
</td>
</tr>
<tr>
<td align="center" id="MenuTxT" height="250">
<div id="submenu" align="center"> 
<div id="sm1" class="submenutext" style="display:block;">
Новости форума Оо
</div>
<div id="sm2" class="submenutext">

Новости игры Оо

</div>
<div id="sm3" class="submenutext">
Навигация.

</div>
<div id="sm4" class="submenutext">

<a href=http://urchoice.ru/ target="_blank">
<img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif" ></a>  <a href="http://roleclub.rusff.ru/" target="_blank" ><img src="http://forumupload.ru/uploads/000f/f7/3a/78-1.gif" title="Role Club - форум, посвящённый ролевым играм." /></a> <a href="http://milan.rusff.ru/" target=_blank> <img src="http://savepic.su/475557.gif" border="0" alt="Italy: Milan passion"></a> <a href="http://welcometola.mybb.ru/"><img src="http://10pix.ru/img1/197091/5581837.gif"  title="FUCKING LA" /></a>  <a href="http://performance.rusff.ru" target="_blank"><img src="http://uploads.ru/t/p/x/O/pxOGn.gif"title="Perfomance in New York "border="0"width="88" height="31"></a> <a href="http://detroit.mybb.ru/" title="Реальная жизнь. Детройт" target="blank"><img  alt="Детройт" src="http://savepic.ru/3104864.gif"></a> <A href="http://scaryjustgotsexy.rolevaya.ru/" title="Supernatural | Scary Just Got Sexy"><IMG src="http://s1.ipicture.ru/uploads/20110406/bjT1RqCi.gif"></A><a href="http://lastbet.rolka.su"><img src="http://savepic.org/1814165.gif" border="0" alt="Carribean cruise"></a><a href="http://fabulascary.rolebb.com/"> <img src="http://picthost.ru/images/38338745826311268499.gif" alt="[Fabulas Scary]" border="0"></a></P>

</div>

</div>
</td>
</tr></tbody>
</table>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style>
#menu {margin-right: 5px; float: right;}	
#menu span {
display: block;
margin-right: 3px;
margin: 5px 0;
width: 155px;
height: 30px;
line-height: 30px;
text-decoration: none;
background:#FEFAF1;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
#menu .tabactive {
background:#F9F1DD;
}

#submenu {
padding: 3px;
height: 266px;
text-align: center;
width: 354px;
}

.submenutext {
display: none; 
height: 266px;

}
</style>







<style>
#menu {
width: 200px;
height: 300px;
}

#menu img {
padding: 0; 
margin: 5px 5px 0 25px;
width: 200px;
text-decoration: none;
}
#menu .tabactive {
background: transparent;
}

#submenu {
padding: 10px;
height: 300px;
text-align: center;
width: 500px;

}

.submenutext {
text-align: center;
position:absolute;
width: 500px;
max-width: 500px;
display: none; 
height: 300px!important;
}
</style>