Clear fix ie8 and CSS

Question

Been making a website to try learn a bit more css and html.

Thought it was going well till I tried to show it to someone in IE (I use ff)

When I loaded the page up the footer seemed it to in the wrong place and i can't figure out why Here is a screen shot http://www.flickr.com/photos/mattcripps/8300226269/

You can see the code for the website here http://www.deltacars.co.uk/testsite/

Any help would be great as this is doing mt head in.

Answer 1

<footer> is a html5 tag. It's not supported in Internet Explorer 8 or lower. You can use a javascript library shim like Modernizr to get around it.

Answer 2

I think you should bring the footer inside page-wrap div.That will solve the issue. Also add clear:left; to footer css.