IE7与我的浮动侧边栏不一致

我试图让一个动态调整大小栏漂浮在我的网页右上部分(但头和导航以下),对周围(页面流的主要内容排序,除了一个"L"形"L"的底部真的很厚.侧边栏的宽度和高度因页面而异,因此我无法使用任何硬值.

我的CSS看起来像:

#main {
    width: 850px;
    height: auto;
}

#sidebar {
    width: auto;
    float: right;
}

(加上一些填充,边距和背景颜色代码,我认为是无关紧要的)

我的HTML看起来像:

  
    
    /* header stuff */    
  
    
       /* nav stuff */       
  

    
  
        /* my sidebar content, really just an h3 and a ul */
    

    

        /* lots of content here */
    

我不完全理解为什么我必须首先使用侧边栏div,但是这个代码在FF,Chrome,Safari(Windows)和IE8中运行良好.但是在IE7(和我不关心的IE6)上,主要内容被压低到侧边栏的底部,好像侧边栏div上有"clear:left"(但没有) .

我有一种感觉,这是那些邪恶的IE7非合规性错误之一,特别是因为IE8的行为与其他浏览器完全一样.但我不知道如何解决它.

有任何想法吗？TIA.