HTML:
Código:
CSS:<ul id="footer1"> <li id="logofacebook1"><a href="#">FACEBOOK</a></li> <li id="logotwitter1"><a href="#">TWITTER</a></li> </ul>
Código:
#logofacebook1 a { text-decoration: none; background-image: url('facebook.png'); background-repeat: no-repeat; font-family: Tahoma; color: #DDD; padding-left: 30px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; margin-left: 10px; font-weight: bold; vertical-align: middle; position: relative; float: left; border: 1px solid red; } #logotwitter1 a { text-decoration: none; background-image: url('facebook.png'); background-repeat: no-repeat; font-family: Tahoma; color: #DDD; padding-left: 30px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; margin-left: 10px; font-weight: bold; vertical-align: middle; position: relative; float: left; border: 1px solid red; }
![](http://img.fenixzone.net/i/B3MQZ1G.jpeg)
Y me sale la opción Facebook y Twitter como si fuese una escalera. (Le puse el borde a modo esquemático).
------------------------------------------------------------
![](http://img.fenixzone.net/i/Z0ULP7V.jpeg)
Solamente cambiando los ID (#) por classes (.) se soluciona. Admito que soy un poco obsesivo-compulsivo y me incomoda
![lloron](http://static.forosdelweb.com/fdwtheme/images/smilies/chillando.png)
Les agradezco por sus respuestas.