我可以使用哪种'clearfix'方法？

Question

我有一个div包装两列布局的古老问题。我的侧边栏是浮动的，所以我的容器div无法包装内容和侧边栏。

<div id="container">
  <div id="content"></div>
  <div id="sidebar"></div></div>

似乎有很多方法可以修复Firefox中的明确错误：

• <br clear="all"/>

• overflow:auto

• overflow:hidden

在我的情况下，唯一似乎正常工作的是<br clear="all"/>解决方案，这有点邋.. overflow:auto给我讨厌的滚动条，overflow:hidden肯定有副作用。此外，IE7显然不应该由于其不正确的行为而遭受这个问题，但在我的情况下，它与Firefox的痛苦相同。

目前我们可以采用哪种方法最强大？