IE 7浮动丢弃错误

Question

即使是最简单的布局，我也遇到过无数次这样的问题。似乎我的站点上的每个浮动元素(在IE 7中，IE 8都很好)逐渐下降。

错误：http://img232.imageshack.us/img232/4239/floatdrop.jpg

基本上，我所拥有的是一个无序列表中包含3个项目的列表。(如截图所示)。站点周围的各种其他元素(如列)也被破坏了。我已经完全去掉了所有东西，但问题仍然存在。

我可以使用什么变通方法使该站点在>Ie7中可用。

CSS：

#home #right-column ul {
position: absolute;
width: 100%;
bottom: 0px;
margin-top: 14px;
}
#home #right-column li a {
display: inline;
float: left;
width: 115px;
padding: 3px 5px 3px 5px;
margin-right: 20px;
text-align: center;
color: #ffffff;
background-color: #70cbd2;
} 

Answer 1

附加的屏幕截图已正确呈现。由于LI不是浮动的，因此它们的默认宽度为100%。

浮动LI%s而不是A%s应该可以解决问题。

Answer 2

你的LI已经关闭了。试试下面这样的命令：

#home #right-column ul {
  position: absolute;
  width: 100%;
  bottom: 0px;
  margin-top: 14px;
}

#home #right-column li {
  display: block;
  float: left;
  margin-right: 20px;
} 

#home #right-column li a {
  display: block;
  width: 115px;
  padding: 3px 5px 3px 5px;
  text-align: center;
  color: #ffffff;
  background-color: #70cbd2;
}