Question

Possible Duplicate:
IE7 display issues (adding extra top margin)

So I have the following css

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

}

And mark up

        <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>

And basically the margin-top: 15px; in the socialMediaPluginFooter works fine in all browsers except for IE7 any ideas ?

Answer 1

margin-top is very buggy in IE7. Use padding-top on the parent element.

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