.panel {
   padding: 20px;
   width: 250px;
   background: #eeeeee;
   border: #282828 2px solid;
   font-family: Georgia;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

<script src="jquery.tabslideout.v1.2.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
   $('.panel').tabSlideOut({       //Класс панели
    tabHandle: '.handle',      //Класс кнопки
    pathToTabImage: 'button.gif',    //Путь к изображению кнопки
    imageHeight: '122px',      //Высота кнопки
    imageWidth: '40px',      //Ширина кнопки
    tabLocation: 'right',      //Расположение панели top - выдвигается сверху, right - выдвигается справа, bottom - выдвигается снизу, left - выдвигается слева
    speed: 300,        //Скорость анимации
    action: 'click',        //Метод показа click - выдвигается по клику на кнопку, hover - выдвигается при наведении курсора
    topPos: '200px',       //Отступ сверху
    fixedPosition: false      //Позиционирование блока false - position: absolute, true - position: fixed
   });
});
</script>

<div class="panel">
   <a class="handle" href="http://jemand.ru">Content</a> <!-- Ссылка для пользователей с отключенным JavaScript -->
   <h3><span lang="ru">Заголовок</span></h3><br>
   <span lang="ru">
    Любое содержание здесь!
   </span>
</div>

<link media="screen" href="http://xaoc34rus.ucoz.ru/scriptbl/GorMenu.css" type="text/css" rel="stylesheet" />  
<script type="text/javascript" src="http://xaoc34rus.ucoz.ru/scriptbl/GorMenu.js"></script>  
<div class="mbar" id="menubar">  
<div class="mbar">  
<div class="mbar dpad">  
<div class="menubar">  
<ul id="topmenu" class="lcol reset">  
  <li><a href="#"><b>Главная</b></a></li>  
  <li class="sublnk"><a href="#"><b>Counter Strike</b></a>  
<ul>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
</ul>  
  </li>  
  <li class="sublnk"><a href="#"><b>Скрипты</b></a>  
<ul>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
</ul>  
</li>  
  <li class="sublnk"><a href="#"><b>Музыка</b></a>  
<ul>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
</ul>  
</li>   
  <li class="sublnk"><a href="#"><b>Программы</b></a>  
<ul>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
</ul>  
</li>  
<li class="sublnk"><a href="#"><b>Изображения</b></a>  
<ul>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню</b></a></li>  
</ul>  
</li>
</div></div></div></div>

<div class="blogroll">  
   <p>проверка</p>  
   <ul>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   <li><a href="#">Проверка</a></li>  
   </ul>  
   </div>

.blogroll {  
   position:relative;  
   width:274px;  
}  
.blogroll p {  
   font:13px Verdana,Arial,Helvetica, sans-serif; color:#666;  
   font-weight: bold;  
   text-shadow: 1px 1px 1px #fff;   
   width:274px;  
   height:25px;  
   background:url(http://www.center-dm.ru/ucoz/vid_menu/Blogroll/Blog_fon.png) 0 0 no-repeat;  
   margin:0;   
   padding: 4px 0px 0px 10px;  
}  

.blogroll ul {  
   list-style:none;   
   width:272px;  
   background:#F4F5F6;  
   border:1px solid #d0d0d0;  
   border-bottom: none;  
   border-width:0 1px 1px 1px;  
   position:absolute;  
   left:0;  
   top:25px;  
   margin:0;  
   padding:0;  
}  

.blogroll ul a:link,  
.blogroll ul a:visited {  
   display:block;  
   color:#555;  
   font-weight:normal;  
   text-decoration:none;  
   width:252px;  
   padding:4px 10px 4px 10px;  
   border-bottom: 1px solid #d0d0d0;  
   border-top: 1px solid #fff;   
}  

.blogroll ul a:hover,  
.blogroll ul a:active {  
   background:#fff;  
}  

.blogroll {  
   height:25px;  
   overflow:hidden;  
}  

.blogroll:hover {  
   overflow:visible;  
}