steel,
1 шаг. Это ставим в верхнюю часть сайта:
Code
<table style="position:fixed; //фиксируем положение
top:0px; //расстояние от верха
border:1px solid #dedede; // толщина границы
background-color:white; // цвет фона
">
<tr>
<td>
<div class="blogroll">
<p>Главное меню</p>
<ul>
<li><a href="http://webo4ka.ru/">webo4ka.ru</a></li>
</ul>
</div>
</td>
</tr>
</table>
2 шаг. Это ставим в CSS:
Code
.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('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;
}
Пробуй 
