CSS Problem with UL/LI and Embedded Pictures Options

[muckdog]

I'm struggling with CSS moving to a new template in Blogger. I *almost* have it. The one remaning issue is that I like to embed pictures, and blog using a bullet style. In otherwords, if I insert a picture in a blog entry in the upper right, then all the text should start in the upper left and wrap around the picture.

(It works fine in Firefox, but IE shoves the text below the image.)

Pictures are worth a billion words. Here are examples.

I want the new CSS to work like <a href="http://thelearningcurve.blogspot.com/2007/10/downside-reversal-and-michelle.html">this on my current blog</a>.

But right now, <a href="http://thelearningcurvetoo.blogspot.com/2007/10/downside-reversal-and-michelle.html">this is happening</a>, with the text shoved under the picture.

Again, it looks fine in Firefox, but IE seems confused by the whole thing. I've mucked around in the CSS with the UL and LI, but not getting anywhere.

Any ideas? Thanks in advance!

[Darin McGrew]

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

[muckdog]

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

Wow. Thanks for the heads up.

[muckdog]

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

Wow. Thanks for the heads up.

Most of those errors are just Blogger things that they automatically insert. Can't fix 'em on my end. But still doesn't explain why the post works in Firefox but not in IE.

[pandy]

A dropped column is often caused by lack of space, either the widths are miscalculated or it's a bug in IE. Try chopping off a few pixels here and there and see if it helps.