Hey Michelle-
Without seeing the desktop version of your site, the thing that sticks out the most immeidately is the "* are required" running into First Name. What I suspect is that Webkit uses a slightly different sizing for line-spacing than a PC does. This happens to me all the time with Marketo pages. My Mac & my PC render the page & fonts differently, so I have to be aware not to produce pages which are too tightly fitted. This is the basic problem with absolutely positioned documents, they have no awareness of their neighbors so they don't flow properly.
Javascript isn't really going to fix this, perhaps some custom script can be written to resize linespacing depending on user-agent, but that's not out-of-the-box. If it were me, I'd either just move my form down a few spaces so that the linesizing doesn't matter. Or I'd spend a long time looking at my CSS & adding reset values.
This is like getting a cat to solve a mouse problem. Sure the cat can potentially catch & eat the mouse. But if you stop leaving food on the table you're just as likely to see the mouse leave. It can be done either way, but just remember once you get the cat it's big and eats a lot. 🙂 Just like a custom javascript will eat into your DOM capacity and make your webpage much slower to process on all devices.
.png)