Menu Horizontal Desplegable con margenes exandibles

[marweb]

Estimados foreros lo que deseo es hacer un menu en css, horiznotal que se despliegue un submenu vertical pero que cuando es muy grande para abajo mas que la pantalla me salga como una flecha para abajo y se vaya moviendo cuando llega abajo que arriba salga otra flecha para subir nuevamente al top. Sera eso posible. Algunos programas lo tienen no se si en css con javascript se pueda hacer.

Cualquier sugerencia saludos.

[PanchoJ]

Podes usar lo siguiente lo saque de una pagina, no lo revise bien pero funciona, no se si es lo que quería pero te lo paso.

Code CSS

div.sc_menu {
/* Set it so we could calculate the offsetLeft */
position: relative;
height: 75px;
width: 150px;
/* Add scroll-bars */
overflow: auto;
}
ul.sc_menu {
display: block;
height: 40px;
/* Max width here, for users without Javascript */
width: 1500px;
padding: 15px 0 0 15px;
/* Remove default margin */
margin: 0;
list-style: none;
}
.sc_menu li {
display: block;
float: left;
padding: 0 4px;
}
.sc_menu a {
display: block;
text-decoration: none;
}
.sc_menu span {
/* We want a caption to display on the next line */
display: block;
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #fff;
}

Code HTML
<div class="sc_menu">
<ul class="sc_menu">
<li><a href="#">
<img src="img/1.jpg" alt="Menu"/><span>Menu</span>
</a></li>
<li><a href="#">
<img src="img/2.jpg" alt="Navigation"/><span>Navigation</span>
</a></li>
<li><a href="#">
<img src="img/3.jpg" alt="Scrolling"/><span>Scrolling</span>
</a></li>
<li><a href="#">
<img src="img/4.jpg" alt="jQuery"/><span>jQuery</span>
</a></li>
</ul>
</div>