CSS alignment issues in IE 8 and IE 9 - TypePad Theme

I'm working on a custom TypePad theme for http://www.peckofpickledpeppers.com/my-blog/

It works great on my Mac in Safari, Chrome, and Firefox.
It also works great on Windows in Chrome, Firefox, and when I set IE 9 to IE 7 mode. However, when I'm in IE 8 or IE 9 mode, the right sidebar is messed up! The 3 white tabs are to the left of the main content (where they belong) but the rest of the sidebar content also winds up to the left of the content, where it DOES NOT belong.

I'm very limited (due to typepad - yuck) on how much of the HTML structure I can edit. Can someone help me with the CSS fixes to keep the tabs on the left in IE8/IE9 but get the rest of the sidebar content back where it belongs?
mandi224Asked:
Who is Participating?
 
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
there is an extra closing div just before this line at around line 122:

 >> </div> <<
<div class="module-categories module">
...

While all the other browsers actually seem to be compensating for it, IE can't handle it.

here's your page with it removed:
http://candpgeneration.com/EE/modules.php
0
 
mandi224Author Commented:
YES! Thank you... I couldn't find it for the life of me. I really appreciate the help
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.