Estoy haciendo una pequeña pagina para probar html5 y css3 entre otras tecnologias.
Lo cierto es que soy un completo ignorante y lo que he hecho ha sido a base de mucho estudio y tutoriales(varios de cristalab

http://leojg.alwaysdata.net/
La pagina cuando esté funcionando, cuya logica va a ser hecha en Ruby on Rails, va a ser algo como http://guik.host-facil.com.ar/
La unica intención que tengo es aprender HTML5, CCS3, AJAX y Ruby on rails y como no queria hacer un blog(ya hay demaciados

La logica no funciona, asique no se fijen en eso, incluso luego voy a tratar de crear un sistema de templates asique ese index.html va a desaparecer.
Volviendo al problema como pueden ver tengo un par de problemas con los iconos de redes sociales que se despliegan en el aside:
Traté de ordenarlos de forma horizontal usando algo como
Código :
position: absolute; top: XX; rigth: XX;(o left)
Pero en Chrome me los mostraba bien pero en firefox me los mostraba en cualquier lugar.
Asique no se como será para dejarlos bien en esos navegadores(No me interesa si se ve bien o mal en IE)
Y otro problema es que FF no muestra los iconos, salen como imagenes "rotas" o dañadas.