'Why is my image shifted down in print mode (at least in Chrome)

If you look at https://double-seven.dev.sfindr.com/html-pdf-demo/index.html in Chrome, everything is nice and in place, but if you open the print preview window (make sure to enable "background graphics"), you'll see that one of the product logos (the blue one that says SB), is pushed down and slides under the header of the next table. For the life of me I can't figure out why this is happening. If I reorder the table rows, it's always the last one to slide down, but as it appears, only under certain (but unknown to me) conditions.

I'm unable to reproduce this same issue by doing inspect and forcing rendering in print mode.

Why is this happening?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source