Recaptcha圖像沒有正確顯示

Question

我有問題與谷歌重新驗證碼。它很少發生，但仍然有時圖像顯示不正確。它錯過了一些部分。以下是圖像：

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

嘗試給寬度驗證碼div。

Width: ;