A hand with IE problems.

I have a Wordpress skin that was coded just over a year ago by Garrett. I only recently decided to start using it, and have found that the site looks absolutely great in Firefox, Safari, and Opera, but is completely ruined in IE (not just a little bit).

I was wondering if anyone could shed some light on the coding issues that are causing it to display incorrectly?

You can find the theme at http://sortyoursport.com

Thanks

#content,.end{height:1%}

That's it I think.

What's the alternative to that attribute, if any?

edit: Tried removing it, and it didn't seem to make a difference in any of the browsers.

In the footer, find:
Replace with:

It worked! Thanks so much Gary, your help is appreciated as always

Hmm... extra markup is a sure-fire way as always.

In IE7 there's still the border being overlapped by the Read More and Comments buttons (the ".end" class).

It looks like Garrett used this, which is supposed to do the same trick:

* html .clearfix {
height: 1%;
}

But the * html only targets IE6 and below, not IE7. So don't use my code you can just remove the * html part from this. It should fix both of the problems.

btw after changing CSS remember to refresh the page.