Kategori Gösteriminde Scrollbar Nasıl Kullanılır ? :(

MErhaba arkadaşlar
Header kısmında ana kategoriler üzerine tıkladığında veya gelince alt kategorileri gösteren bir çok kod mevcut.Velakin alt kategoriler çok uzun olması nedeniyle sayfa aşağı doğru uzuyor.Bu sebepten alt kategorileri scrollbar ile belli boyutta gösterecek olan bir kodlama varmı?
Aşağıdaki örnekteki bir kod arıyorum.


Yadımlarıızı bekliyorum.
Saygılarımla

Dropdown menu yapa bir kod buldum.Bunu ekledim velakin kategoriler çok olduğu için scrollbar eklemem gerek, yani aşağı açılan kategoriler uzunluk değerini aşınca otomatik scrollbar eklesin burda hangi kodu eklemeliyim.

header.php deki meü kodu.

<ul id="nav" class="clearfloat">
<li><a href="<?php echo get_option('home'); ?>/" class="on">Home</a></li>
<?php wp_list_pages('title_li='); ?>
<li class="cat-item"><a href="#">Categories</a>
<ul class="children">
<?php wp_list_categories('orderby=name&title_li=');
$this_category = get_category($cat);
if (get_category_children($this_category->cat_ID) != "") {
echo "<ul>";
wp_list_categories('orderby=id&show_count=0&title_li=
&use_desc_for_title=1&child_of='.$this_category->cat_ID);
echo "</ul>";
}
?>
</ul>
</li>
</ul>

ilgili css kodu

#nav{
background:#222;
font-size:1.1em;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float: left;
list-style:none;
border-right:1px solid #a9a9a9;
}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #f5f5f4;
padding:6px 12px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
background:#000;
text-decoration:none
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #a9a9a9;
}
#nav li li {
width: 172px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #777;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav li li a:hover, #nav li li a:active {
background:#000;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}

http://www.fatihhayrioglu.com/kutu-m...k-ozellikleri/
adresinde anlatılan overflow özelliğini önceleyin.