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: ;