IE / FF / Chrome中的HTML,PHP和CSS相关布局问题[关闭]

this is the temporary link to the website I'm currently setting up: http://bidonfollowers.com/index.php.later2

I have several questions concerning the layout of my website.

  • In Firefox 26.0 however, the reCAPTCHA box is cut off to the right side and not below the message box.
  • Also in Firefox, the Category text is in the upper part of the box (compare to how it looks in Chrome 32 and IE 11!)
  • In IE 11 some of the text at the top area of the page is cut off.
  • In Chrome you can see a link to "Privacy & Terms" with a blue font, which is not visible in the other browsers...

Please help me to fix these design flaws, every bit of help is appreciated! Thank you for your answers.

  1. Add clear: both to the style of div id="recaptcha_widget_div"

    <div id="recaptcha_widget_div" class=" recaptcha_nothad_incorrect_sol    
      recaptcha_isnot_showing_audio" style="clear: both;">
    
  2. img tag of logo doesn't require closing tag. And add border=0 attribute.

    <img src="http://bidonfollowers.com/images/logo.png" title="" alt="" border=0 />

  3. the easiest solution to avoid cutting off is to move your numbers beneath, edit paddings in style.css. It happends because of IE can't show semi-transparent png correctly.

    .third .pck3_cendetsh h2 { 
    font-size: 50px;
    padding: 10px 0px 0px;
    }
    
  4. Link " Privacy & Terms" is visible in all of my browsers