问题
The header of my page is displaying properly in Mozilla but not in IE and Chrome. In Mozilla, the logo (which I have blocked out for privacy) and the signup form are in the center and the right size. However, in IE and Chrome, the logo is a lot smaller and the logo and signup form are further to the left and closer to the top.
Here are links to the Mozilla version and Chrome version: http://i.imgur.com/CDY3QOK.jpg (Mozilla) http://i.imgur.com/AsvWNDz.jpg (Chrome)
Here is the code for it. I didn't use any css.
<div id="logo_slide" style="margin-left: 41.2%; margin-right: 41.2%; width: 19.53%;">
<a href="http://www.insertwebsite.com/image.png">
<img src="http://www.insertwebsite.com/image.png"
alt="website 200 200" width="200" height="208" class="alignnone
size-full wp-image-245" /></a></div>
<div id="mc_embed_signup" style="margin-left: 30%; margin-right: 25%; margin-top: 5%;
width: 500px;"><h2 class="validate"><span style="color: #eb583b;">
Enter your email to stay tuned</span></h2>
<div class="mc-field-group" style="text-align: left;"><input id="mce-EMAIL"
class="required email" style="width: 250px;" name="EMAIL" type="email" value="" /></div>
<div id="mce-responses" class="clear" style="text-align: left;"></div>
<p style="text-align: left;">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--></p>
<div style="position: absolute; left: -5000px; text-align: left;">
<input name="b_170e723679933c7b075b72016_d3458b5f5a" type="text" value="" /></div>
<div class="clear" style="text-align: left;">
<input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit"
value="Go" /></div>
来源：https://stackoverflow.com/questions/28197482/page-header-shows-correctly-in-mozilla-but-not-chrome-and-ie