Question

I am using the sandbag method to have 2 lines of text appear above an image. Here is an image showing the effect working in FF but not in Chrome (same problem in Safari):

Does anyone know what causes this?

Edit:
My apology for not posting the link: http://antigua-guide.info/ The issue can be seen halfway down the right-center column.

Here is the html and the css.

Answer 1

This seems like a webkit/chrome bug. You can report it on http://code.google.com/p/chromium/issues/list . Meanwhile you can use a dirty chrome/safari hack to add some fixes to your css:

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .hpm2_content img, .modulebody img {
        margin-top:18px;
    }
}