Hello all,
I have designed a website in HTML5 and CSS3 that looks great in Firefox, Chrome, and Safari but in 2 different versions of Internet Explorer that page looks all distorted.

Here are some of the problems:
The banner items are stacked on top of each-other and the background image isn't showing.
The banner has a blue border around it.
The borders on <article> tags are showing up.
And Everything is not centered anymore.

I don't pretend to be an expert so please cut me some slack.



IE sucks for HTML5 and CSS3 (comply to the standards, M$). For the HTML5 problem, try this:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>


for CSS3, there are hacks out there, but they're only hacks until M$ complies with the standards. You can create a less responsive stylesheet for those on IE using normal CSS, but that's just a disjunct experience... it's definitely a problem.