If you haven't already, you might try adding:
Code:
html {
-webkit-line-box-contain: block inline replaced !important;
}
I've seen this fix some subtle problems with the behavior of some floating elements near the tops of pages in some of my books. It probably won't help in your case, given that you're dealing with an image rather than a glyph, but if it does, let me know.