Sidebar moving to bottom in IE

Sidebar shows in proper place in Firefox, but not in IE

[dangerlarson]

I downloaded the Niche Marketing Theme for WP, and noticed that my blog shows up fine in Firefox, but in IE, the sidebar falls down below the content in the left column

I'm perhaps at intermediate level of CSS knowledge and have compared it against other themes that work fine. I'm stumped - must be something small, because the Niche theme is pretty darn simple.

The CSS for the theme is posted at [earlysymptomdiabetes.com...]

You can see the example the creator of the theme showed at [gamingpcguide.com...]

Thanks.

[doodlebee]

First of all, posting links here is against the TOS - so just warning ya, a mod's gonna come by and remove it.

This is also a *very* common question posted on the Wordpress forums - I answer this one about 5 times a day, so searching the threads there will set you up with a ton of solutions.

However, I did look at your code, and the problem is (from what little I saw) the image in the bottom of your sidebar. Your sidebar is set at 250px wide. Your image is also 250px. However, IE likes to add 3 pixels of padding to stuff like images all the time. This makes the image push the sodebar to *wider* than 250px, and the sidebar drops.

In the top of your stylesheet, add:

* {
margin:0;
padding:0;
border:none;
}

See if that helps. If it doesn't add:

* html img {margin-right:-3px;}

If *that* doesn't help, then look in your content area for something that is wider than the div width (remember to include margins and padding). That will also make it drop in IE.