Can someone please explain to me the major things that ie does not render correctly. Is there a “main” culprit? I use a lot of floats, are they rendered differently in ie? Is it simple padding/margins that are different?
I do use some CSS3 properties but those are for gradients/rounded corners. Not so much for layout.
Yes you must include the shiv if you are using the new html5 elements as Ie8 and under don’t understand them. You would also need to set the elements to block but it is already handled in your reset sheet.
A few things are still messed up though.
You will need to be specific Which things exactly?
You are using :last-child to target the last div at the bottom but ie8 doesn’t understand last-child so gets no styling. You will have to add a class to that div in the html for ie8 and then target it directly with css.
Don’t comma separate that rule with the :last-child rule block because browsers are required to drop the whole rule block (including all comma separated selectors) when they encounter something they don’t understand.