I am using a HTML5
<canvas> to draw lines on.
When I change the dimensions from the default of 300x150 to match the dimensions of another
<div> my lines appear stretched and are thicker than before. Why is this happening?
I want to draw the lines on the canvas to match the position of elements on the
<div> that is in front of it (with a higher
z-index) in the same position on the page. How can I stop this stretching from happening?
<strong>EDIT:</strong> This appears only to be in Firefox.