Jeff Chasin wrote:
> Alan,
>
> Thanks very much for your suggestions. I eliminated the universal
> selector entries and validated the css. It validates now.
> Unfortunately, I still have a Header problem in IE 6 and IE 7. I have a
> background image on a div#header and a background color on a
> div#blog-description like so:
>
> div#header {
> background: url('img/big-header3.png') left top no-repeat;
> margin: 0;
> border: 0;
> padding: 0;
> padding-top: 10px;
> }
>
> #blog-description {
> font-size:100%;
> font-style:italic;
> text-align: center;
> font-weight: bold;
> color: #62006d;
> padding: 0;
> margin: 0;
> }
>
> Both of these div's render fine in FireFox, etc. but in IE 6 and IE 7,
> the div#header image has the top cut off and the div#blog-description is
> missing the color background. I played with the padding and margin
> settings, but can't seem to get it right for IE.
>
>
> Thanks again for helping out, I really appreciate your time and any advice.
>
> --
> Jeff
I still trying to get my head around what is truly happening.
Adding overflow:hidden for IE7 seems to fix the problem of the header
dropping (escaping).
div#header {
background: url(img/big-header3.png) left top no-repeat;
margin: 0;
border: 0;
padding: 0;
padding-top: 10px;
overflow:hidden; /* Fixes IE7 */
}
This could be related to the IE escaping float bug. I say this since
overflow:hidden also triggers hasLayout in IE7. I am still working on a
offline copy of your code. Even though overflow:hidden fixes it problem,
I have no idea that is so.
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
