<style>/* tabs */
.section {
  	margin: 0;
	width: 100%; 
	height: 100%;
	border: none!important;
	}
ul.tabs {
	height: 30px;
	background: none;
	border: none;
  	margin: 0 !important;
	overflow: hidden;
	z-index-5;
  }
.tabs li {
	line-height: 30px;
	float: left;
    margin: 0;
	padding: 0;
    font-weight: bold;
	width: 99px;
	cursor: pointer;
	border: 1px solid #999;
	-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
	
}
.tabs li span {
	float: left;  
	padding: 0;
	padding-left: 5px;
	height: 30px;
	color: #00A3E3;
	text-shadow: 1px 1px 1px #FFF;
	
}
.tabs li.current {
  background: #fff url("адрес картинки") no-repeat;
  border-bottom: none!important;
  }
.tabs li.current span {
  background: url("адрес картинки") 100% 0 no-repeat;
	color: #444;
}
.tabs li:hover {
  background: url(адрес картинки) no-repeat;
}
.tabs li:hover span {
  background: url(адрес картинки) 100% no-repeat;
}

div.box {
  border: 1px solid #999;
  background: #fff;
	padding: 5px 5px;
	display: none;
	height: 284px;
	margin-top: -1px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
div.box.visible {
	display: block;
	
}
div.box:hover {
  border: 1px solid #D4D4D4;
}
/* end tabs */
div.begunok {height:100%; width:100%; overflow:auto; overflow-x:hidden;}
</style>
<table border="0" cellspacing="0" cellpadding="0" style="width: 930px; height: 315px;">
<tr>
	<td style="width: 606px; height: 315px;">
	<!-- Вкладки и их содержимое -->
<div class="section">
<ul class="tabs">
<li class="current"><span>Меню 1</span></li>
<li><span>Меню 2</span></li>
<li><span>Меню 3</span></li>
<li><span>Меню 4</span></li>
<li><span>Меню 5</span></li>
<li><span>Меню 6</span></li>
</ul>
<div class="box visible">
<div class="begunok">
содержание меню 1 (будет отображаться сразу же при загрузке страницы с вкладками)
</div>
</div>
<div class="box">
<div class="begunok">содержание меню 2
</div>
</div>
<div class="box">
<div class="begunok">содержание меню 3
</div>
</div>
<div class="box">
<div class="begunok">содержание меню 4
</div>
</div>
<div class="box">
<div class="begunok">содержание меню 5
</div>
</div>
<div class="box">
<div class="begunok">содержание меню 6
</div>
</div>
</div>
	</td>
	<td style="width: 324px; height: 315px;" valign="top">
	<div style="padding: 5px;"> 
тут будут всякие тексты <br>
......<br>
тут будут всякие тексты <br>
......<br>
тут будут всякие тексты <br>
......<br>
</div>
	</td>
</tr>
</table>
<script type="text/javascript">
 $(function() {

   $('ul.tabs').delegate('li:not(.current)', 'click', function() {
     $(this).addClass('current').siblings().removeClass('current')
       .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(10);
   })

})
</script>

<script type="text/javascript">
 $(function() {

   $('ul.tabs').delegate('li:not(.current)', 'click', function() {
     $(this).addClass('current').siblings().removeClass('current')
       .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(10);
   })

})
</script>