#tab {
    background-image: url("https://forumstatic.ru/files/0014/46/ef/83035.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    border: medium none;
    height: 370px;
    margin-left: -522px;
    width: 2000px;
    position: relative;
    margin-top: -370px;
    opacity: 0;
    transition: all 0.7s linear 0s;
}

#tab:hover, #tab:active, #tab:focus, #tab:visited {
    opacity: 1;
}

<div id="tab"> содержимое таблицы </div>

<!--баннеры-->
<div id="banners" align="center"><span onclick="BANNERS_TOGGLE()"><center><span id="bannersbut">БАННЕРЫ</span></center></span></b></a>
<div id=ba_0 style="display: none">
<style id="BanersHide">/*
<center><div style="position: relative; width:800px; height:150px; color: #000000; border: none; overflow-x: auto; text-align: center;">
<center>

коды баннеров 

</center>
</div></center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow"); 
scrollTo(0, document.body.scrollHeight); 
}else $("#ba_0").hide();}</script>

<!--конец баннеры-->

.pa-posts {
    margin-left: 20px;
    display: inline-block;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    width: 75px;
    padding-bottom: 5px !important;
    letter-spacing: 2px;
    font-family: "Open Sans Condensed";
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 10px !important;
}
.pa-respect {
    display: inline-block;
    margin-left: -10px;
    text-align: center;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    width: 75px;
    color: #AA8F24;
    padding-bottom: 5px !important;
    border-bottom: 3px solid #696C3D;
    letter-spacing: 2px;
    font-family: "Open Sans Condensed";
    font-size: 11px;
    text-transform: uppercase;
}

<!-- Slideshow HTML -->
<div id="slideshow">
  <div id="slidesContainer">

<div class="slide">
     слайд
    </div>
    
<div class="slide">
     слайд
    </div>

  </div>
</div>
<!-- Slideshow HTML -->

/* Слайдер */
#slideshow #slidesContainer {
  margin:0 auto;
  width:200px;  /* ширина */
  height:200px; /* высота */
  overflow:auto; /* allow scrollbar */
  position:absolute;
margin-top: 0px; /* вниз */
margin-left: 0px; /* влево*/
background-color: #000; /* цвет фона*/
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:520px; /* reduce by 20 pixels to avoid horizontal scroll */  /* размер контента */
  height:200px;
}
.control {
  display:block;
    width:78px;
  height:56px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  margin-top:400px; /* расположение кнопки левой */
  margin-left:350px;
  background:transparent url(ссылка на изобр) no-repeat 0 0;
}
#rightControl {
  margin-top:400px;  /* правой */
  margin-left:930px;
  background:transparent url(ссылка на изобр) no-repeat 0 0;
}
/* Конец слайдера */