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像素。

提前致謝 ：）

Answer 1

嘗試給Captcha div設置寬度。

Width: ;