Танюшка1482, понятно...
В общем, только что домучил...
Вроде встала...
Прокрутку на всякий случай сделал во всех вкладках, мало ли... если не пригодится, то и не отобразится, так что не переживайте.
Насчет стиля ссылок - как я понял, вас интересовали тень и стиль написания - в общем отладил, как смог, даже цвет подогнал... Единственное, что такой стиль ссылок не поддерживает браузер IE, остальным до лампочки - работает 
. Что еще?
Ага, касательно фона контейнера с инфой - вроде встал как надо... а впрочем зачем он вам вообще, я так и не врубился, если у вас рамка и так в стиле прорисована...
Пробуем значит такой код для начала (если что-то вылезет, будем "лечить", только когда поставите на черновик код объявы и у вас не дай бог что-то уползет, не удаляйте код, а то не вылечим)):
В html-верх:
<style>
#menu span {
padding: 2px 42px 2px;
width: 170px;
text-decoration: none;
color: #006070;
font-family: monospace;
font-size: 16px;
text-shadow: 1px 1px 1px #ffffff;
}
#menu .tabactive {
color: #57BAB6;
background: transparent;
font-family: monospace;
font-size: 14px;
text-shadow: 1px 1px 1px #ffffff;
}
#submenu {
height: 272px;
text-align: center;
font-size: 12px;
width: 860px;
}
.submenutext {
display: none;
background-image: url("http://forumupload.ru/uploads/000b/6e/c9/25-5-f.png");
height: 60px;
margin-top: 20px;
}
</style>Само объявление:
<center><table style="width: 615px; margin-top: 20px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;"><center><div style="width: 90%; height: 272px; overflow: auto;">
Контент первой кнопки
</div></center></div>
<div id="sm2" class="submenutext"><center><div style="width: 90%; height: 272px; overflow: auto;">
Контент второй кнопки
</div></center></div>
<div id="sm3" class="submenutext"><center><div style="width: 90%; height: 272px; overflow: auto;">
Контент третьей кнопки
</div></center></div>
<div id="sm4" class="submenutext"><center><div style="width: 90%; height: 272px; overflow: auto;">
Контент четвертой кнопки
</div></center></div>
<div id="sm5" class="submenutext"><center><div style="width: 90%; height: 272px; overflow: auto;">
Контент пятой кнопки
</div></center></div></td></tr></tbody></table></center>В html-низ:
<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>
