CSS margin-top nie działa w IE7

Question

Powiel możliwe:
IE7 display issues (adding extra top margin)

Więc mam następujące css

.socialMediaPlugin { 
width: auto; 
display: block; 
.socialMediaPluginFooter { 
margin-top: 15px; 
margin-bottom: -12px; 

}

I oznaczyć

 <div class="socialMediaPlugin socialMediaPluginFooter"> 
     <div class="socialMediaLinks"> 
     <a class="addthis_button_facebook"></a> 
     <a class="addthis_button_twitter"></a> 
     <a class="addthis_button_google_plusone_share"></a> 
     <a class="Pinterest"></a> 
     <a class="addthis_button_email"></a> 
     </div> 
    </div> 

Zasadniczo górny margines: 15 pikseli; w socialMediaPluginFooter działa dobrze we wszystkich przeglądarkach z wyjątkiem IE7 żadnych pomysłów?

Answer 1

margin-top jest bardzo błędny w IE7. Użyj padding-top na elemencie nadrzędnym.

http://reference.sitepoint.com/css/margin-top

Answer 2

Twój problem może wynikać z zaburzeń rozwoju css. Oto jak powinno być:

.socialMediaPlugin { 
width: auto; 
display: block; 
} 
.socialMediaPluginFooter { 
margin-top: 15px; 
margin-bottom: -12px; 
} 

Chyba że po prostu źle wpisany go tutaj, w tym przypadku jest to inny problem