html - div 不像 chrome 那样在 firefox/ie 上起作用

Question

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

网站:http://thc-racing.ucoz.com/

HTML:

<div id="preload">Loading page... <img src="/design/loading.gif" /></div>

CSS:

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;
}

谢谢

Answer 1

答案是(可能)firefox 和 internet explorer 理解 div 的方式，我不得不用 table 替换 div，因为他们未能正确读取 CSS，所以这里是代码:

HTML:

<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>

CSS:

#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; }

现在一切正常，感谢大家的帮助