Баг в IE (floating)

[ex_ambientos224]

Недавно столкнулся с задачей, когда необходимо было сверстать вот такой HTML-код:

Menu

• Item 1
• item 2
• item 3

Content

Text text text text text text text.

Leftsidebar block.

(Очень важно, чтобы блок leftsidebar-block шел последним)

CSS-код у меня получился таким:

.rightsidebar-block, .content-block {
float: right;
}
.wrapper, .leftsidebar-block {
float: left;
}
.rightsidebar-block {
border: 1px solid green;
}
.leftsidebar-block {
border: 1px solid red;
}
.content-block {
border: 1px solid #ccc;
}

Теперь давайте посмотрим, что у нас получилось в нормальных браузерах:


И в IE (допустим IE6):


Причем так будет в любом ИЕ-браузере.
Вопрос: как заставить выводить блоки так, как это делают НЕ эксплореры?

P.S. Выставлять ширину для блока wrapper не предлагать.

А вообще я подозреваю, что вряд ли тут что-то можно поделать. Мне просто интересен сам факт, почему так происходит в IE.