I don’t know if this happened to anyone else. I made some changes to one of the sidebars of my themes (increased the pixel width). It worked out fine in Firefox.

Later, when I happened to switch to IE (to see if it stayed the same), I found that the sidebar had shifted wayyyy downwards instead…

Reason #1: html>

Upon opening the .css file, I noticed this portion:

css html

Removing html> from html>body, kept the sidebar fixed.

I thought this was quite odd, since it was probably placed there by the designer of the theme for a reason.

Then, I read that Internet Explorer doesn’t understand html>body, so by inserting this in front of the CSS rule, IE ends up ignoring the whole rule.

I guess I’d have to download Opera, if I wanted to see if the sidebar stays fixed on that browser too :P.

For now, it stays in position in IE and Firefox (my versions at least).

I’m only starting to know the difference between <ul> and <li>. Oh well. I still say, “urgh, one day I’ll get better at this…”

Reason #2: Image Width

Check the width of your images.

Make sure the width does not exceed the width specified for your content box.

For example, webhostmonkey’s main text box, has a width of 475px.

.SCS { width: 475px; float: left; padding: 0px 0px 20px 0px;}

If I had an image width of 511px (anything more than 475px), that causes the sidebar to jump around in IE as well.

Random Posts