请教如何防止多个层重叠？多谢。

[yalvin]

我有多个层应用了同一个CSS，想让它们从左至右一字排开，但是现在老是重叠在开头。
层：
<div class="Some" TITLE="Hello"><img src="Hello.gif" WIDTH="16" HEIGHT="16"></div>

CSS:
.Some
{
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: buttonface 1px solid;
BORDER-LEFT: buttonface 1px solid;
BORDER-RIGHT: buttonface 1px solid;
BORDER-TOP: buttonface 1px solid;
HEIGHT: 23px;
POSITION: absolute;
TOP: 1px;
WIDTH: 23px;
clear: left;
float: left;
}
请问有何方法不让它们重叠？多谢了。

[bencalie]

<div class="Some" TITLE="Hello"><img src="Hello.gif" WIDTH="16" HEIGHT="16"></div>
<div class="Some" TITLE="Hello"><img src="Hello.gif" WIDTH="16" HEIGHT="16"></div>
<style>
.Some
{
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: buttonface 1px solid;
BORDER-LEFT: buttonface 1px solid;
BORDER-RIGHT: buttonface 1px solid;
BORDER-TOP: buttonface 1px solid;
HEIGHT: 23px;
TOP: 1px;
WIDTH: 23px;
float: left;
display:inline
}
</style>

[yalvin]

不行。我晕。下周一之前解决不了就放弃，该用表格，呵呵。多谢。
另外我了解到的是如果将层中的position 去掉，它应该就跟父元素定位的，但实际用的时候就是得不到正确的效果。

[bencalie]

费解，我这里测试正常，不过这跟浏览器版本不会有太大关系吧

XP+IE6SP1

[yalvin]

多谢。但还是不行。好像只是改变了层叠的顺序，还是都叠加到第一个层上面了。

[bencalie]

不会啊，没有了POSITION: absolute;就不会重叠在一起来

[yalvin]

我也很郁闷啊。
在层外面有一个表格，具体代码是：
<table>
<tr>
<td>
...........
</td>
<td>
这些层的代码.....
</td>
</tr>
</table>

跟这个有关吗？谢谢。

[bencalie]

No problem

<table border=1>
<tr><td>
<div class="Some" TITLE="Hello"><img src="Hello.gif" WIDTH="16" HEIGHT="16"></div>
<div class="Some" TITLE="Hello"><img src="Hello.gif" WIDTH="16" HEIGHT="16"></div>
</td></tr>
</table>
<style>
.Some
{
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: buttonface 1px solid;
BORDER-LEFT: buttonface 1px solid;
BORDER-RIGHT: buttonface 1px solid;
BORDER-TOP: buttonface 1px solid;
HEIGHT: 23px;
TOP: 1px;
WIDTH: 23px;
float: left;
display:inline
}
</style>

[yalvin]

absolute , relative...地又折腾了半天，总算搞定了。
层的定位真是麻烦，还是能不用就不用为好。:)