Freccetta per scorrere in basso un div

[Gas75]

Salve,
tempo fa col vostro aiuto ho messo su una nuova versione del mio sito... Ho notato però un dettaglio: tutti i div a scorrimento verticale sono privi della freccetta per scorrerli verso il basso... La cosa avviene con i tre broser principali Explorer, Firefox e Chrome, quindi presumo dipenda dal foglio di stile.
Ok che ora con scroller del mouse e dispositivi touch screen la cosa è trascurabile, però vorrei che la freccetta apparisse... oppure che non si vedesse neppure quella dello scorrimento verso l'alto.

Se può interessare, tutti i div in questione hanno sotto un div a tutta larghezza che fa da "footer"... Però c'è anche un div a tutta larghezza superiore che fa da "header"... e lì la freccetta si vede.

Immagino possa tornarvi utile il css...

html, body			{ margin: 0; padding: 0; height: 100% }
body				{ font-family: Arial, Helvetica; color: #ffffff; background-color: #408080; text-align: center; }
#container			{ position: relative; margin: 0 auto; width: 980px; height: 100%; background-color: #000000; 
					text-align: left; }
#header				{ height: 64px; background-color: #000000; text-align: center; }
#titolo				{ background-color: #000000; text-align: center; }
#content			{ position: absolute; top:112px; bottom: 0px; height: auto; background-color: #000000; text-align: center; }
#spot				{ position: absolute; top: 0px; left: 140px; width: 690px; height: 70px; background-color: #000000; text-align: center; }
#menu				{ position: absolute; top: 0px; left: 0px; bottom: 0px; padding: 0px 2px 0px 2px; width: 136px; background-color: #000000; text-align: center; text-transform: uppercase; }
#menu a, #destro a	{ display: block; margin-bottom: 10px; font-size: 12px; text-align: center; }
#main				{ position: absolute; top: 70px; left: 140px; bottom: 0px; padding: 5px; width: 690px; height: auto; min-height: 300px; background-color: #000000; 
					font-size: 13px; text-align: justify; overflow: auto; }
#destro				{ position: absolute; top: 0px; left: 840px; bottom: 0px; padding: 0px 2px 0px 2px; width: 136px; height: auto; min-height: 300px; background: #000000; overflow: auto; 
					text-transform: uppercase; }
a 					{ color: #ff00ff; text-decoration: none; font-weight: bold; }
a:hover 			{ color: #ff0000; text-decoration: underline; }
a:active			 { color: #ff0000; text-decoration: none; }
p					{ font-size: 10px; }
table, tr, td		{ font-size: 13px; text-align: center; border: 1px solid #c00000; }
input				{ font-size: 10px; }
#footer				{ position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; background-color: #000000; text-align: center; font-size: 12px; 
					text-transform: uppercase; }
#gaspare			{ height: 80px; background-color: #000000; text-align: center; }

.albi				{ font-size: 13px; color: #ff8800; font-weight: bold; text-align: justify; }
.pers				{ padding: 5px; background-color: #000000; font-size: 13px; text-align: justify; border: 1px solid #c00000; }
.link				{ padding: 5px; background-color: #000000; text-align: center; border: 1px solid #c00000; }
.schedalbo			{ clear: both; margin: 5px auto; /*width: 640px;*/ font-size: 13px; color: #ffffff; text-align: center; border: 1px solid #c00000; }
.albosx				{ padding: 2px; float: left; width: 39%; font-size: 13px; color: #ffffff; text-align: justify; }
.titoloalbo			{ font-family: Arial, Helvetica; font-size: 13px; color: #ffff00; font-weight: bold; text-align: center; margin-bottom: 10px; text-transform: uppercase; }
.scena				{ font-size: 13px; color: #00cc40; text-align: left; }
.albodx				{ padding: 2px; float: right; width: 59%; font-size: 13px; color: #ffffff; text-align: justify; }

I div privi della freccetta sono "main" e "destro"; presumo anche "menu" ma non contiene mai troppo testo e quindi non appare mai la barra di scorrimento.

[Gas75]

Trovato l'errore e risolto: il bottom dei div incriminati andava portato a 16px, pari all'height del div footer.