IE6 extra padding on bottom

Posted by Gian Basagre on Stack Overflow See other posts from Stack Overflow or by Gian Basagre
Published on 2008-12-12T03:16:44Z Indexed on 2010/06/08 17:12 UTC
Read the original article Hit count: 251

Filed under:
|

I have a div tag styled through CSS. I set the padding to 10px (padding:10px), it works just as I wanted in Firefox and IE7, but in IE6 it adds additional padding at the bottom (about 2-3px I think). Anyone has idea about what's happening here?

[update]

I just noticed this, the div tag I'm talking about has a background-image. When I removed the background-image, the extra padding on the bottom disappears. Any ideas?

[another update, code sample]

Here's the CSS applied to my div tag:

.user-info{
    margin-top: 20px;
    margin-right: 20px;
    padding: 10px;
    background-image: url("../img/user_panel_bg.png");
    float:right;
    border: 1px #AAAAAA solid;
    font-size:12px;
}

© Stack Overflow or respective owner

Related posts about css

Related posts about internet-explorer-6