Css DIV不会在IE8中浮动

这将是主要的标记：

<div class="mancha">
    <div class="logo"></div>    
    <div id="content-area" class="espacio">
             <div class="eltitular">HEADER</div>
             <div class="lacarta">LEFT CONTENT</div>
             <div id="sidebar">RIGHT CONTENT</div>
        </div>
</div>

问题是.lacarta和#边栏不是一个接一个浮动的（这只发生在IE8或更低版本中）

可以在这里进行测试：（如果与firefox/chrome相比，您会发现侧边栏不在容器的右侧。）

我用IE8开发工具检查过，容器似乎足够大，可以容纳这两个元素

知道我错过了什么吗

-编辑-

当前IE：

通缉犯（如Firefox中的通缉犯）： 添加父容器：

<div class="mancha">
    <div class="logo"></div>    
    <div id="content-area" class="espacio">
             <div class="eltitular">HEADER</div>
             <div>
                 <div class="lacarta">LEFT CONTENT</div>
                 <div id="sidebar">RIGHT CONTENT</div>
             </div>
    </div>
</div>

标题
左内容
正确内容

问题到底是什么。。。？？我刚刚测试了链接，发现那些菜单没有对齐。。这里的解决方案是

。菜单li{float:left}

。。要获得更多JU，请尽可能放置一个屏幕截图：）

这个JSFIDLE可以修复它吗：

只是把拉卡塔的宽度缩小了一点

作为一个旁白，你可能需要考虑一个响应网格系统来布局你的库仑。例如：

---

那你就不会有这样的问题了。。。它将响应所有屏幕大小

实际上，IE8中有一个错误，右浮动的元素似乎被清除了：左

如果您根本不想在HTML中添加任何内容，您可以稍微对其进行重新构造以获得快速修复。首先放置右侧浮动的

侧栏

，即：

<div id="content-area" class="espacio">
  <div class="eltitular">HEADER</div>
  <div id="sidebar">RIGHT CONTENT</div>
  <div class="lacarta">LEFT CONTENT</div>
</div>

标题
正确内容
左内容

.lacarta{
    width:590px;
    float:left;
}

<div id="content-area" class="espacio">
  <div class="eltitular">HEADER</div>
  <div id="sidebar">RIGHT CONTENT</div>
  <div class="lacarta">LEFT CONTENT</div>
</div>