OnPointerOverTrigger shifted when canvas is on a

Hi,

Hope I'm clear with my explanation:

I have a Babylon scene and when it is alone (no other div on the html that has the canvas) the OnPointerOverTrigger works perfectly.

However, when I put the canvas inside a <div> the OnPointerOverTrigger seems shifted, I mean, when I hover over the mouse over the mesh the action starts outside the mesh.

I need the scene to be inside a div as I'm using w2ui as the GUI interface of the application.

Attached one example: camera.html and cameraGood.html

camera.html is the one with the issue, it only adds these lines:

cameraGood.html has no divs

I create a sphere every time  you click on the surface. Without the div it works great, but when I add a div for a title and another for the canvas it fails, it picks another position.

It seems the mouse coordinates are being used for the complete web browser and not the canvas.

Any recommendation?

camera.html

cameraGood.html