Html div不'；不要像在chrome上那样在firefox/ie上运行

有谁能告诉我为什么这个加载图像在Chrome中显示良好，但在Internet Explorer或Firefox中显示不好？ 它应该只是在页面上正常浮动，但Firefox和IE似乎把它放在页面的开头

网站：

HTML:

谢谢

答案是（可能）firefox和internet explorer理解div的方式，我不得不用table替换div，因为他们无法正确读取CSS，所以代码如下：

HTML:

---

现在一切都很好，感谢大家的帮助

尝试顶部，左侧代替底部，右侧。什么是

align:right？你的意思是
文本对齐：右？Wilson Biggs没有任何意义，我的错误Palerdot不起作用，仍然不确定，但加载的图像在所有这三个浏览器中显示得一样（在左上角）
<div id="preload">Loading page... <img src="/design/loading.gif" /></div>

div#preload {
    position: absolute;
    bottom: 40px;
    right: 50px;
    background-image: url('http://thc-racing.ucoz.com/design/loading-bg.png');
    padding: 8px;
    border-radius: 5px;
    border-style: solid;
    border-color: #d7d7d7;
    border-width: 1px;
    font-weight: bold;
    align: right;
}

<table id="preload"><tbody><tr><td style="padding:8px;">Loading page... </td><td style="padding:8px;"><img src="/design/loading.gif" /></td></tr></tbody><table>

#preload { border-collapse: separate !important; position:absolute; bottom:40px; right:50px; font-weight:bold; background-image:url('/design/loading-bg.png'); border-radius:5px; border-style: solid; border-color:#d7d7d7; border-width: 1px; border-spacing: 0; }