HTML5 and !E Issues

[soccrates]

I converted my website to HTML 5 and most of my browser issues are fixed except for !E and a few others like Ubuntu.

IE 10 looks OK. On the others it is the horizontal nav that is the problem. The navbar text is appearing over the left nav and the social media icons disappeared in some cases and the others are showing below the horizontal navbar on the right. For some reason they also have a blue border.

I added the custom Modernizr script with Yepnope to the header to help. Being a newbie, I do not know how to use, but it sure seemed like a good idea! Anyway, I could use some pointers on how to fix this problem.

Thanks.

[tedster]

Being a newbie, I do not know how to use

Then you do need to begin learning - and we've all been there so don't worry about it. However, putting a ready-made script on a web page without understanding it to some degree is setting yourself up for a loss and major frustration.

I'd say start by making sure your mark-up is valid:

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

[soccrates]

I did validate all my pages and css when I converted to HTML5.

[swa66]

Blue border in IE is an old browser behavior, unless you reset borders on all objects, try adding:

a img {
    border:0;
}

to get rid of the old blue border around clickable images.

The rest: the description sounds like it could be one of the many bugs (features: they will never get fixed) in IE. Many have well known workarounds, just be careful not to get any CSS hacks etc.

[soccrates]

Thanks, swa66. I will try that and see what else I can do.