Los puntitos los quitas con el #menu li { display: block }
Y las letras abajo, simplemente comienzas a escribir y creas un class para el texto, por ejemplo:
.menutext {
position: relative;
margin-top: 50px;
}
y todo entero te quedaria asi:
<ul>
<li><img src /><a href="adondevalla.html" class="menutext">loquesea</a></li>
<li><img src /><a href="adondevalla.html" class="menutext">loquesea</a></li>
<li><img src /><a href="adondevalla.html" class="menutext">loquesea</a></li>
<li><img src /><a href="adondevalla.html" class="menutext">loquesea</a></li>
</ul>
Asi se me ocurre a mi, posiblemente pueda venir otra persona y darte una forma mejor... no lo se
Tambien tienes la opcion de hacer dos listas una con las imagenes y otra con los links, seria una mejor idea creo... el todo es tener la creatividad para hacerlo
