Disappearing borders in ie8 or compatibility mode

[sschlager]

Does anyone know how to fix this? Still learning CSS. The site I am testing is at http://www.coppercreekphotography.com/testing Whenever someone on IE8 looks at it, it disappears, the same happens when someone is in compatibility mode.

[gowda24]

Internet Explorer 8 and earlier versions, do not support the tag.
refer

[sschlager]

Thank You…it worked! I thought I tried a div tag in place of the section tag. You wouldn’t happen to know how to get rid of the border/shift when going into compatibility mode. Once again thank you.

[sschlager]

Now I have a problem with the logo and the menu in compatibility mode. The logo majorly shifts. So frustrating.

[Paulie_D]

Possibly a box model issue?

Your container is 980px wide but the .group4 element is 980px wide PLUS 30px (15 px left/right) padding and PLUS 4px (2px left/right) border = 1014px.

* {
box-sizing:border-box;
}

is IE8 supported…isn’t it?

Not sure why you are floating the .group4 div either if it’s supposed to 100% wide.

[Senff]

You have some markup issues. Aside from the questionable conditional statements everywhere, double triple check that your nesting of ULs, LIs and As is proper and that every opening tag has its matching closing tag.

Some browsers are forgiving when you the number of opening tags doesn’t match the number of closing tags, but IE8 is not so forgiving.

[Paulie_D]

Indeed…try running it through validation

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.coppercreekphotography.com%2Ftesting%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[Author]

Posts