Modifying recaptcha table width

Question

I am trying to integrate recaptcha on a contact form on my site but cannot get the width of the table to change, it is rendering at 692px whereas I have everything else set to a width of 320px. I was able to set the width of the recaptcha img but I cannot alter the table width.

This is the css I am using:

table#recaptcha_table.recaptchatable.recaptcha_theme_white {
    width: 50% !important;
}

#recaptcha_widget_div {
    width: 320px !important;
}

.recaptcha-div {
    width:320px;
}

Answer 1

Using

transform: scale(0.8); 

worked for me.

Answer 2

This link has the information you need.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

Keep in mind that the minimum width will be 300px because of the captcha image supplied by google. However, if 300 is still too big, you can try this clever hack for adjusting the width smaller then 300, then popping out larger on hover. Not ideal, but it does work. Best of luck. http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html