I think the explanation is harder than the solution, but here goes. I have a wordpress plugin that adds a rating system to the end of each post. When I add the code to firefox, it renders fine, but in IE the rating images goes all the way down half the page until the right column ends. You can see what I mean at http://www.rooshv.com/new/ratings.html To fix this, I added the following code around the rating code: <div style="float: left"> RATING CODE </div> <div class="p_10_t" style="clear: left"></div> Code (markup): That brought the rating code back up and it looked fine, but in IE the columns were wider than they should have been and didn't look right. The stylesheet for the rating code is at http://www.rooshv.com/wp-content/plugins/postratings/postratings-css.css You can see the exact code the plugin inserts at http://www.rooshv.com/new/ratings.html If you think you can fix this just give an estimate. Thanks!
I'm not a computer with firebug, but I *think* IE is nesting your divs incorrectly. Have you tried changing the width on .post-ratings from 100% to much smaller (like 150px) and may assigning it a "float:left;"? That's what *seems* to be the problem since it is being pushed all the way past the bottom of the navigation.