Internet Explorer Sidebar Bug

Hi, I’ve designed a site and blog at https://www.greenkidcrafts.com/craftideas/. The blog shows up great in every browser I’ve used EXCEPT Internet Explorer (go figure).

The original problem was that the content was showing up in an extremely narrow column. I fixed that by using a conditional style sheet and changing the padding and margins (since IE adds those together). However, now that that is fixed, my floating right sidebar is showing up underneath the content (although still floating right). I tried adding the display: inline function to my #sidebar in the CSS. Didn’t work. I tried messing with the width of both the content and sidebar to make sure the content wasn’t too wide to accomodate the sidebar. Didn’t work.

Does anyone have any ideas for me?

I appreciate any help! Thanks!