How to fix “border around a border” bug while using css transform (translate or/and scale) and values with floating points?

Question

I encountered this bug (see bug/expected image) while trying to use css transformation with float arguments for a div element with a border. It looks like a "border aro