Hi Scott,
This is a rather common annoyance—browsers don’t consider boundaries between uneditable and editable text to be very significant, so they treat text across them as being a single word. This can also cause all kinds of weirdness with Android text input (it’ll include the whole word in the composition, even though half of it isn’t even editable).
Sometimes setting the uneditable elements to display: inline-block helps. Have you tried that?