Изображение Recaptcha не отображается правильно

Question

У меня проблема с google re-Captcha. Это случается редко, но все же, иногда изображение отображается неправильно. Он пропускает некоторые части. Вот изображение:

http://bit.ly/1olZoih

Вот мой Html:

<div id="recaptcha_widget" style="display:none"> 
    <div id="recaptcha_image"></div> 
    <div class="recaptcha_only_if_incorrect_sol" style="color:red">Error: Invalid code, please try again</div> 

    <div class="recaptcha_only_if_image">Please enter the code from the image above:</div> 

    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" /> 

    <div><a href="javascript:Recaptcha.reload()"><img id = "restart-button" src="/images/restart.png" width = "20px" height = "20px"></a></div> 
</div> 

И я применяю только этот CSS к нему:

#recaptcha_widget{ 
    margin-top: 10px; 
    width:508px; 
} 

.recaptcha_only_if_image{ 
    margin-left: 3px; 
    margin-bottom:7px; 
    line-height: 20px; 
    color: #747474; 
    font-size:13px; 
} 

#recaptcha_response_field{ 
    width: 233px; 
    height: 21px; 
    padding-left: 7px; 
    border: 1px solid #dadada; 
    border-radius: 2px; 
    color: #4d4d4d; 
    float:left; 
} 

#recaptcha_response_field:focus{ 
    outline:rgb(184, 167, 130) auto 2px; 
} 

#restart-button{ 
    margin-top: 2px; 
    margin-left: 10px; 
} 

#recaptcha_image{ 
    margin-bottom: 10px; 
} 

#recaptcha_challenge_image{ 
    border: solid 1px #e2e2e2; 
    border-radius: 5px; 
} 

Я не изменение размера изображения и он достигает 300x57 px.

Заранее спасибо :)

Answer 1

Попробуйте дать ширину Captcha div.

Width: ;