Элемент не хочет "float'ится" - Вопросы по CSS

Шаблонизирую SOBI2. Вот сделал вырезку из шаблона.
Не могу понять почему элемент sobi2Details_field_about так сильно отступает от верхнего края, ведь все элементы кроме него имеют св-во float:left.
Совсем не вижу ошибки !

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>

#icon
{
   float:left;
   width:320px;
   height:36px;
   padding-top:8px;
}
#sobi2Details
{
   float:left;
   width:612px;
}

.sobi2fieldblock
{
   width:350px;
   float:left;
}

.sobi2label
{
   font-size:10pt;
   font-weight:bold;
   color:#4d4d4d;
   display:block;
}
.sobi2field
{
   display:block;
   padding-top:6px;
   padding-left:12px;
   font-size:10pt;
   font-style:italic;
   font-weight:normal;
   color:#4d4d4d;
}
.sobi2field p
{
   padding:0;
   margin:0;
   
}

#sobi2Details_field_about
{
   float:right;
   display:block;
   width:200px;
   color:#c3c3c3;
   font-size:10pt;
   font-style:italic;
   text-align:right;   
}
#sobi2Details_field_about p
{
   padding:0;
   margin:0;
   text-align:right;
}
.clear
{
   clear:both;   
}

</style>

</head>

<body>
<div id="sobi2Details">
      
      
                          
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_type_label" class="sobi2label">1</span> <span id="sobi2Details_field_type" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_jobs_label" class="sobi2label">2</span> <span id="sobi2Details_field_jobs" class="sobi2field">
      <p>1</p></span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_technology_label" class="sobi2label">3</span> <span id="sobi2Details_field_technology" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_tools_label" class="sobi2label">4</span> <span id="sobi2Details_field_tools" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_more_label" class="sobi2label">5</span> <span id="sobi2Details_field_more" class="sobi2field">

<p>1</p>
</span></div>
      <span id="sobi2Details_field_about"><p>В заваленном мусором подвале, в недрах Рейнхольм Индастриз скрываются Рой и Мосс — отдел IT. Их мир серверов и фаерволов, презираемый и высмеиваемый их более удачливыми коллегами, оказывается буквально взорван появлением Джен, «менеджера по связям», которая ни черта не понимает в компьютерах. Действие «The IT Crowd» происходит в офисах «Reynholm Industries» — вымышленной британской корпорации,</p></span>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_url_label" class="sobi2label">6</span> <span id="sobi2Details_field_url" class="sobi2field"><p>1</span></div>
<div class="clear"></div>
</div>

</body>
</html>

Помогает перемещение sobi2Details_field_about на самый верх. Тогда всё отображается как надо. Но вопрос остаётся открытым. Почему если он последний в очереди, то он словно уступает место предыдущим блокам?