html在不同的页面显示不同,为什么相同的代码在不同的页面上显示不同？

嗨有一个jquery驱动的小型表单。它在90％的页面上都能正常工作，但在两个页面上，“提交”按钮不对齐。我已经检查了工作页面和非工作页面上的html和jquery，但看不出区别。我会欣赏另一组眼睛，看看是什么导致提交按钮离这么远。

这是一个工作页面(滚动到新闻稿注册表单的底部)：查看页面

这是无法正常工作的页面：查看页面

这是表单的html：

这是换出的jquery：

$(document).ready(function() {

var emailInput = $("#your-email");

emailInput.focus(function() {

//  THREE = !

if(this.value === "YOUR EMAIL ADDRESS") {

this.value = "";

}

});

emailInput.blur(function() {

if(this.value === "") {

this.value = "YOUR EMAIL ADDRESS";

}

});

$("#red-submit").click(function() {

$.ajax({

type: 'POST',

url: 'news.php',

data: {

'your-email': emailInput.val()

},

success: function() {

                var image = $('').attr({src:'_images/register-thanks.png', width:332, height:35, alt:"Success"});

$('#news-signup input').hide();

$('#news-signup').append(image);

}

});

});

});

这是用于定位的CSS：

#news-signup #entry,

#news-signup form {

width:335px;

height:35px;

position: absolute;

top: 52px;

left: 590px;

}

#news-signup input#your-email {

width: 195px;

height: 20px;

position: relative;

top: 5px;

left: 0;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid #cbcbcb;

font: 14px "Trebuchet MS", Helvetica, sans-serif;

color: #cbcbcb;

}

#news-signup img { position: absolute; top: 50px; left: 600px; }

input#red-submit {

width: 90px;

height: 30px;

border-style: none;

text-indent: -9999px;

position: relative;

top: -20px;

left: 250px;

cursor: pointer;

font-size: 0;

line-height: 0;

background-color: transparent;

background-image: url(../_images/btn_submit-red.png);

}

谢谢您的帮助！