Problem With Dropcaps Affecting Image

Hi,

I’m posting this here since Emil recommended me to do so.

I’m trying to achieve this effect on my site:

http://screencast.com/t/nnjUamRf3

The subtitle you see above the image is made using dropcaps. Like this:

[dropcap]Test Item #1[/dropcap]

And the image is directly below the subtitle with dropcap.

This is an empty test page with nothing but the subtitle in dropcaps, and the image directly below that.

It looks good. 🙂

But here is the problem.

It only looks good in Chrome.

This is how it looks in Firefox (it is the exact same test post. nothing changed):

http://screencast.com/t/cspNKaQIg1tJ

For some reason, the image does not stay under the dropcap. And the image runs off the screen. Into the sidebar.

Is there any way I can fix this? :O

Thanks!

Awesome! From what I can see, that seems to work perfectly! 🙂

I’ll let you know if I run into any problems with it.