Soy nuevo en esto del HTML y CSS y me gustaria aprender un monton.
Primero lo primero, estoy haciendo una pagina web y me he encontrado con algunos problemas:
trabajo bajo plataforma linux (ubuntu) y firefox, al momento de ir aprendiendo a hacer paginas web me tope con el problema de las diferencias entre los distintos navegadores, asi que me instale google chorme y firefox en ubuntu, tambien tengo en una maquina virtual windows 7 en el cual tengo instalado el safari e internet explorer 9.
el unico navegador que me ha dado problemas con la pagina ha sido internet explorer y bueno... pues poco a poco he ido resolviendo, pero hay uno en especifico que no le encuentro una solucion o no la he sabido buscar.
Mejor explicado en la siguiente imagen:
![](http://img171.imageshack.us/img171/7558/navsvz.png)
He revisado el codigo y estoy seguro que es la div donde dice "siguenos en:", pero no se como resolverlo. adjunto el html y el css de esa div a ver si me pueden hechar una mano.
HTML:
Código:
CSS:<div id="social-buttons"> <p>Sígenos en: <a href="#"><img src="images/googleplus_button.png" title="Google +" align="right"></a> <a href="#"><img src="images/facebook_button.png" title="Facebook" align="right"></a> <a href="#"><img src="images/twitter_button.png" title="Twitter" align="right"></a> </p> </div>
Código:
Agradeceria mucho cualquier ayuda q me puedan prestar!!! #social-buttons { float: right; border-left: 1px solid #444444; width: 28%; height: 28px; margin: 2px 15px auto; font-size: 14px; text-align: left; color: #ffffff; } #social-buttons p { margin: 0px 0px 0px 25px; padding: 0px; line-height: 28px; } #social-buttons a img { margin: 0px 5px 0px 5px; border: 0px solid; border-radius: 15px; box-shadow: 1px 1px 1px 1px #333333; } #social-buttons a:hover img { opacity: 0.60; }