Hi,

Sorry if I've sent this multiple times - I'm not having much luck with
gmail today!

I'm having a problem with IE doubling the padding-top value on a  div.
A quick google search revealed that this happens when the div also has
 clear:both (which it does) and using a selector would fix it. That
did the trick  with IE6, but the problem also exists in IE7 which can
also use the selector. I  want a 20px top padding and am currently
using the following:

#device  .content {
     background-image:url(../img/content-bg.png);
     background-repeat:no-repeat;
     background-color:#fff;
     padding-left:20px;
     padding-right:20px;
    padding-top:10px;
}

#device>div.content {
     padding-top:20px;
}

This gives 20px in Firefox and IE6, but 40px in  IE7. Any other way I
can get round it? I'd rather not change the markup, its  nice and
simple at the minute.

Cheers,
Rory
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to