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

Question

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.

Answer 1

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