<!-- Стиль меню таблицы в объявлении -->
<style>
#submenu {
padding: 2px;
height: 274px;
text-align: left;
font-size: 12px;
margin-left: 130px;
margin-top: -1px; 
max-width: 850px;
}

.submenutext {
text-align: center;
background:#828282;
position:absolute;
width:99%;
padding-left: 10px;
max-width: 840px;
display: none; 
height: 266px!important;
}

#menu {
position:absolute;
z-index:1000;
margin-top:0px;
}

#menu span{
 display:block;
 color:transparent;
 margin: 3px 0 0 10px;
 background:transparent center center no-repeat;
}

/* Картинки Пасивных Кнопок */
#menu span.but1{background-image:url(http://forumstatic.ru/files/0011/b6/75/83596.png);}
#menu span.but2{background-image:url(http://forumstatic.ru/files/0011/b6/75/15899.png);}
#menu span.but3{background-image:url(http://forumstatic.ru/files/0011/b6/75/96855.png);}
#menu span.but4{background-image:url(http://forumstatic.ru/files/0011/b6/75/15899.png);}
#menu span.but5{background-image:url(http://forumstatic.ru/files/0011/b6/75/20874.png);}

/* Картинки Активных Кнопок */
#menu span.but1.tabactive{background-image:url(http://forumstatic.ru/files/0011/b6/75/28115.png);}
#menu span.but2.tabactive{background-image:url(http://forumstatic.ru/files/0011/b6/75/73631.png);}
#menu span.but3.tabactive{background-image:url(http://forumstatic.ru/files/0011/b6/75/22369.png);}
#menu span.but4.tabactive{background-image:url(http://forumstatic.ru/files/0011/b6/75/73631.png);}
#menu span.but5.tabactive{background-image:url(http://forumstatic.ru/files/0011/b6/75/99802.png);}

/* Стиль всплывающего описания*/
#part1,#part2,#part3,#part4,#part5 {
z-index: 2;
position: absolute;
height: auto;
width: 120px;
border: 1px dotted #263158;
background-color: #5F607B;
font-size: 10px;
margin-left: -20px;
margin-top: 5px;
visibility: hidden;
box-shadow:4px 4px 6px #000;
-webkit-box-shadow: 4px 4px 6px #000;
-moz-box-shadow: 4px 4px 6px #000;
}
</style>

<center>
<table width="100%" height="274px" cellspacing="1" cellpadding="1" border="2" style="border-color: #4D5D7F;">
 <tbody>
<tr>
    <td width="116" align="center">
<!-- Содержимое левого блока с кнопками картинкой -->
<div id="menu"> <b>
<span class="but1" alt=#sm1 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=100 height=50 /></span>
<span class="but2" alt=#sm2 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=100 height=50 /></span>
<span class="but3" alt=#sm3 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=100 height=50 /></span>
<span class="but4" alt=#sm4 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=100 height=50 /></span>
<span class="but5" alt=#sm5 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=100 height=50 /></span>
           </b>
    </div>
<!-- Конец левого  блока -->
	</td>
  </tr>
  <tr align="left">
    <td id="MenuTxT"  valign="top" style="height: 274px;">
<div id="submenu" width="100%"> 
    <div id="sm1" class="submenutext" style="display:block;">
	
Контент 1-й кнопки
	
	</div>
    <div id="sm2" class="submenutext">

Контент 2-й кнопки

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

Контент 3-й кнопки

	</div>
    <div id="sm4" class="submenutext">
<!-- Контент предпоследней кнопки с картинками -->
<!-- Вложенная таблица с картинками -->
<center>
<table cellspacing="2" cellpadding="2" border="0" style="width: 410px; margin-top: 35px;">
<tbody>
<tr>
    <td style="width: 82px;">
<a href="http://адрес ссылки" onMouseOver="part1ON()" onMouseOut="part1OFF()"><img src="http://s018.radikal.ru/i500/1302/71/82f8fa5282b0.jpg" alt="" border="0"></a>
<div id="part1" onMouseOver="part1ON()" onMouseOut="part1OFF()">
Здесь всплывающее описание картинки 1
</div>
	</td>
    <td style="width: 82px;">&nbsp;</td>
    <td style="width: 82px;">
<a href="http://адрес ссылки" onMouseOver="part2ON()" onMouseOut="part2OFF()"><img src="http://s018.radikal.ru/i500/1302/71/82f8fa5282b0.jpg" alt="" border="0" class="kartinko"></a>
<div id="part2" onMouseOver="part2ON()" onMouseOut="part2OFF()">
Здесь всплывающее описание картинки 2 
</div>
	</td>
    <td style="width: 82px;">&nbsp;</td>
    <td style="width: 82px;">
<a href="http://адрес ссылки" onMouseOver="part3ON()" onMouseOut="part3OFF()"><img src="http://s018.radikal.ru/i500/1302/71/82f8fa5282b0.jpg" alt="" border="0" class="kartinko"></a>
<div id="part3" onMouseOver="part3ON()" onMouseOut="part3OFF()">
Здесь всплывающее описание картинки 3
</div>
	</td>
</tr>
<tr>
    <td colspan="5" style="height: 20px;">&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>
<a href="http://адрес ссылки" onMouseOver="part4ON()" onMouseOut="part4OFF()"><img src="http://s018.radikal.ru/i500/1302/71/82f8fa5282b0.jpg" alt="" border="0"></a>
<div id="part4" onMouseOver="part4ON()" onMouseOut="part4OFF()">
Здесь всплывающее описание картинки 4
</div>
	</td>
    <td>&nbsp;</td>
    <td>
<a href="http://адрес ссылки" onMouseOver="part5ON()" onMouseOut="part5OFF()"><img src="http://s018.radikal.ru/i500/1302/71/82f8fa5282b0.jpg" alt="" border="0" class="kartinko"></a>
<div id="part5" onMouseOver="part5ON()" onMouseOut="part5OFF()">
Здесь всплывающее описание картинки 5
</div>
	</td>
    <td>&nbsp;</td>
</tr>
</tbody>
</table>
</center>
	</div>
    <div id="sm5" class="submenutext">
<!-- Контент кнопки баннеров -->
<div style="overflow-y: auto; overflow-x: hidden; padding: 1%; width: 98%; height: 250px;">

Содержимое баннеров с прокруткой справа

</div>
	</div>
</div>
	</td>
</tr>
</tbody>
</table>
</center>
<!-- Скрипт всплывающих пояснений -->
<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part3ON(){document.getElementById("part3").style.visibility='visible'}
function part4ON(){document.getElementById("part4").style.visibility='visible'}
function part5ON(){document.getElementById("part5").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
function part5OFF(){document.getElementById("part5").style.visibility='hidden'}
</script>