Jeff Chasin wrote:
> Apologies to everyone if this is an easy fix, but my eyes are bleary
> at this point, and I'm stuck.
> Have a WordPress site that looks just fine in FireFox, Safari and IE
> 6, but freaks out in IE 7. I think it's the float layout, but can't
> find the exact fix.
> The site is at http://www.businessinsightgroup.net/
> The css is at http://snipurl.com/ie7ache
> I think the problem is in the layout section of the css file, marked
> with a comment as: /* !layout (sandbox 2col left) */
> I've been reading every IE7 bug article, but I'm just not seeing the
> issue. If anyone has any suggestions at all, I would really
> appreciate any advice you might be willing to share.
> Thanks very much.
The overlap in IE7 is caused by *height: 10px;. IE7 is using this height
for the header.
background: url('img/big-header3.png') left top no-repeat;
Once you remove *height: 10px;, IE7 render the same as the other
browsers. Apart from the universal selector '*' causing parsing errors
in your style sheet, thus making it invalid. The universal selector used
in this fashion is a way to hack IE7 with invalid CSS (non IE browsers
will drop the declarations). This hack is repeated may times through out
your style sheet like.
I would suggest that you remove all of them and thus create a valid
style sheet. The CSS validator will help.
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
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/