HTML5 footer not working in IE

So I'm not sure what I did however my footer won't stay at the bottom anymore after I placed the images from our festival in this page. I've tried everything I could think of including making it a div aside from using the HTML 5 tag but IE just doesn't want to play nice! Ugh. Here is my site. The footer is great on all pages but the index2.html page.

HTML

<footer class="clearfix">
<a href="events.html">Events</a> | <a href="wineries.html">Wineries</a> | <a href="restaurants.html">Restaurants</a> | <a href="golf.html">Golf Courses</a> | <a href="index.html">Home</a>
<a href="http://ambergoodwin.com/" title="Graphic & Web Design | www.ambergoodwin.com" id="ambergoodwin">Amber Goodwin | Creative &amp; Fresh Designs</a>
</footer>

CSS

footer { width: 100%; height: 130px; position: relative; top: 600px; background-color: #b14a0f;  font-size: 1.2em; padding-top: 30px; color: #721501; text-align: center; clear: both; }

I just don't understand how this looks great on all pages but this newest one. Any help or advice on IE is great!

* UPDATE *

I do have the shim in my code and now I've just made my footer into a regular ol div but it still is acting strange. It's like it's ignoring my new styles..... Does anyone know what is going on?

Solution

Wow. So I fixed it. Still not sure wtf was going on with IE but I ended up having to make a new stylesheet but after every new change I had to link it to another stylesheet name. Has anyone ever heard of IE acting like that??

Thanks for the users who posted comments! After a few hours of pulling my hair out I did what ever would work to get it working for IE and the most important thing is it paid off.