IE8 - 如何从图像中删除额外的填充？

Question

看到这张图片：

更清楚地了解标题图形的内容。

我通过定制的joomla模块将全球互连解决方案徽标添加到橙色横幅;我这样做是为了使编辑和更新更容易。

但这导致在IE8中向顶部添加额外的填充 - 它崩溃并且在IE7中很好

如何删除这个额外的填充？

我尝试过很多不同的CSS，但似乎没有任何内容可以指出这个问题。

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px;!important'
    padding-top: 0px;!important'
}

我已经设法解决了我用css遇到的大多数问题，但这个问题让我感到高兴。

希望会有一个简单的解决方案吗？

Answer 1

对于初学者来说，你的CSS无效，应该是：

#header-bot .moduletableisw .isw  
{
    float: right;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

（您可以在大小为零时删除px。）

还检查父元素（如.moduletableisw）上的边距/填充以及兄弟元素的任何间距。

发布您的HTML会有所帮助。