jQuery real person - неверный вид в IE

Question

У меня есть captcha библиотеки jQuery realperson, v2.0.1.

В браузере Chrome это исправление. Но в IE, captcha не выглядел правильно.

Вот мой код (- на основе Javascipt + HTML + Jquery + knockout.js):

<input type="text" id="captcha" /> 
<span style="color: red;" data-bind="text: captchaError"></span> 

ЯШ:

$('#captcha').realperson(); 

Смотрите фотографии - хромовых и Internet Explorer:

---

UPDATE:

после предложения, чтобы добавить высоту строки, я делаю это, но Lettera не ясны:

Answer 1

Вы другие CSS мы заставляем line-height из DIV ,

Пожалуйста, попробуйте: (Работа для меня на Chrome и IE 10+)

$(document).ready(function(){ 
 
    $("#test").realperson(); 
 
});

.realperson-text{ 
 
    line-height:3px !important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://keith-wood.name/js/jquery.plugin.js"></script> 
 
<script src="http://keith-wood.name/js/jquery.realperson.js"></script> 
 
<link href="http://keith-wood.name/css/jquery.realperson.css" rel="stylesheet"/> 
 
<input type="text" id="test" />