White Blur Around Blurred Background + Maintain Text Non-blur

I have setup a page with a blurred background, however I am getting a white border. I used the first answer for this question: Is it possible to use -webkit-filter: blur(); on back

Solution 1:

may be better to use the text-shadow or box-shadow

like this

-webkit-box-shadow: 0px0px19px0pxrgba(0, 106, 154, 1);
-moz-box-shadow:    0px0px19px0pxrgba(0, 106, 154, 1);
box-shadow:         0px0px19px0pxrgba(0, 106, 154, 1);