put everything “inline”… for me it works:
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
display: inline;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
display: inline;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.sociable-hovers:hover {
display: inline;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.sociable a:hover img {
display: inline;
margin: 0;
padding: 0;
}
.sociable a[href^="http:"] {
display: inline;
padding-right: 0px;
background: transparent;
text-decoration: transparent;
}
e.g: https://www.contre-dits.com