mik-crap — Sat, 13 Jan 2007 11:00:18 +0000

IE is a nasty piece of pasty when it comes to floats. For each floating element, use display: inline; This is especially the case for % widths in IE.

If that doesn't help, can you re-enable the posts which knock it out of place? I can't really tell the problem from just staring at the CSS.

Btw, you might want to check out combining your properties using the CSS2 shorthand technique. Additionally, you can use Flumpcakes CSS Optimiser to cut your CSS down.

timjpriebe — Fri, 12 Jan 2007 15:07:07 +0000

You must have missed my note above where I said the only tags in the new posts were and . Thanks for the attempt, though.

demonhale — Mon, 08 Jan 2007 06:32:23 +0000

I have read this late but maybe I can add some more ideas. If you've checked all tags are closed properly, last thing you should check are width adjustments on the posts. Sometimes if we use "float" on images on posts, it makes the layout go haywire. Also check for some posts with tables, sometimes, improper table tags make the posts nudge also. I hope I can see the old problem...

timjpriebe — Fri, 22 Dec 2006 15:41:33 +0000

Well, that didn't fix it. I ended up going into the CSS file and just lowering one particular width until it worked. I would have rather figured out exactly what caused it and try to fix the source of the problem. But sometimes you just have to get these things working ASAP.

Thanks for the suggestions, guys.

Megan — Fri, 22 Dec 2006 15:28:14 +0000

The other thing you might want to try is putting in a strict doctype. Under a transitional doctype IE is in quirks mode and is using the old (broken) box model. If you put it into strict it will at least be rednering in standards mode.

This is why I think it's so important to use a strict doctype - avoiding quirks mode where weird things could happen.

timjpriebe — Fri, 22 Dec 2006 15:12:09 +0000

I actually asked him how long that Blogroll had been on there, and he said since the beginning. I'll go ahead and try to fix it just in case...

Renegade — Fri, 22 Dec 2006 04:29:53 +0000

It seems to be a problem with your navigation lists:

<li><a href="http://www.myrealmarriage.com/blog/?cat=7" title="View all posts filed under REAL Love Notes Tips">REAL Love Notes Tips</a> (25)</li>
</ul>
<li id="linkcat-1"><h2>Blogroll</h2>
<ul>

Seems like you have closed off a

HTML validator picked it up

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.myrealmarriage.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1

timjpriebe — Fri, 22 Dec 2006 03:54:50 +0000

The only tags in the posts themselves are the and , as far as I can tell. If there's any issues, it doesn't seem to be the posts themselves, but somehow the generated code. Which is what confuses me, since it didn't happen until that one post, but then it happens for every post since then.

andy206uk — Thu, 21 Dec 2006 22:13:15 +0000

Have you tried validating the page for CSS and HTML? Perhaps that would help in identifying any code strangeness. I bet the client has forgotten to close a tag or attribute somewhere or something