IE11 highlight isn't placed on correct place

Test steps:

1) Go to http://garysieling.github.io/jquery-highlighttextarea/examples.html
2) remove all the text from the first example "case insensitive" and use this text (without quotes):

"Welcome :guest_firstname :guest_lastnamesjlksdd vulputate lorem ipsum vulputate to :vulputate, :event_startdate / :event_enddate at :event_location ss"

3) on the second line notice a yellow background on a wrong place. on chrome it works nicely. Tested on ie11, win 7 64.

[Example image](http://i.imgur.com/X9WgMdy.png)

I believe it has something to do with the weird wrap that IE11 is doing in this case that is different from the one chrome does but can't understand this.

Start by reproducing the steps in examples.html on IE11 and Chrome, using the first “case insensitive” example and the supplied text. Inspect how the highlight is positioned after IE11 wraps the second line; done means the yellow background aligns with the matching text in IE11 as it does in Chrome.

Written by the indexing model from the issue text.