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

mandi224
mandi224 used Ask the Experts™
on
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?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Data Scientist
Most Valuable Expert 2014
Commented:
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

Author

Commented:
YES! Thank you... I couldn't find it for the life of me. I really appreciate the help

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial