간단한 CSS3 애니메이션에서 CSS 일관성 CrossBrowser

Question

CSS 일관성에 문제가 있습니다. "Nofollow"> http://www.progettostand.com/ap/a> 사회 아이콘 확인 오른쪽 상단의 아이콘 위치는 IE (기적!)에서 올바른 것입니다 (기적!). 항상 페이지로드에서 FF 및 OFF에서 OFF를 꺼서 Chrome에서 첫 번째로 탑재 한 후 중앙에 있습니다. 확실히 그것이 바인딩 된 것입니다 : 여백 왼쪽 행동 후. 저는 그걸로 저어 놓았지만 브라우저간에 문제를 해결하고 한 번도 의도 한 것으로 모든 3 가지 작업을 가질 수 없도록 관리했습니다. 그것을 못하게 도와주세요.

당신의 시간과 노력을 위해 많은 경우,

Answer 1

Quick Fix, 현재 나는 테스트 할 크롬 만 있으므로 다른 브라우저에 대해 실제로 보증 할 수는 없지만 이와 같은 것을 당신의 스타일에 추가하려고 시도하십시오 :

#top-social-bar a{
 text-align:left;
}

#top-social-bar a:before, 
#top-social-bar a:after { 
  text-align: center;
}

.

Answer 2

Somtimes 외부 테마는 신뢰할 수 없습니다.

style.css의 끝에이를 추가해야합니다.

#top-social-bar{ 
    display:table;
}
#top-social-bar li {
    display: table-cell;
    float: none;
}
#top-social-bar a:before, #top-social-bar a:after{
    width:auto
}

.