无法在Firefox和Chrome中使背景图像看起来相同

Question

我正在使用jQuery验证插件并遇到问题。

我正在插入div。这是我的js函数插入它和位置：

    errorElement: "div",
    wrapper: "div",  // a wrapper around the error message
    errorPlacement: function(error, element) {
    element.before(error);
    offset = element.offset();
    error.css('right', offset.right);
    error.css('top', offset.top - element.outerHeight());
    },
    success: "valid"

但我正在使用绝对定位来添加文字和背景图片。

这里有css我正在寻找有效和无效的输入：

  div.error{
  color:#b76b6f;
  width: 250px;
  height: 60px;
  position: absolute;
  margin-left: 180px;
  margin-top: -25px;
  display: block;
  background-color:#F3E6E6;
  background: url('../images/not_valid.png') no-repeat;
  background-position:65% 93%;
  text-align: right;
  }

但不知何故，firefox和chrome定位背景图片的方式不同。 以下是 Firefox：

的屏幕截图

这是 Chrome：

的屏幕截图

我尝试设置此属性，但是当我添加它时，我的背景消失了

     background-attachment:fixed; 

最后，我正在使用CSS重置，但可能没有完整：

  html, div,span, applet, object, iframe,
  blockquote, pre,
  abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, img,legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, header, hgroup, 
  menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
} 

链接到Dropbox - https://dl.dropbox.com/u/86122402/error.rar

有人可以告诉我为什么会这样吗？