Два float div'а рядом

[Webr]

<style type="text/css">
.sidenote {width:200px; float:left; padding:3px; border:solid 2px turquoise; margin:15px}
</style>

....................

<div class="sidenote">
Выноска
</div>

Основной текст

<div class="sidenote">
Выноска
</div>

Продолжение основного текста.

div'ы класса sidenote сделаны float. Когда два таких div'а стоят близко друг к другу, один из них позиционируется как float относительно другого, а мне хотелось бы, чтобы они были float для чего угодно, кроме друг друга. Чтобы они сами позиционировались друг под другом.

Это реально?

[e1f]

Так?

<style type="text/css">
.sidenote {width:200px; padding:3px; border:solid 2px turquoise; margin:15px}
</style>

....................
<div style="float:left;">
<div class="sidenote">
Выноска
</div>

Основной текст

<div class="sidenote">
Выноска
</div>
</div>
Продолжение основного текста.

[Webr]

Так?

Нет, оказалось вот так:

.sidenote
{
width:200px;
clear:left;
float:left;
padding:3px;
border:solid 2px turquoise;
margin:15px
}