Проблемы с поплавками и заполнением внутри поплавков

Question

Я пытаюсь сделать поплавок внутри поплавка, и я столкнулся с проблемой. На этой странице:

http://jumpthru.net/newsite/team/

Я хочу, чтобы текст был выровнен с рисунком, и единственный способ, которым я смог это сделать, - с отрицательным полем .bioinfo

Вот CSS:

#leftcol{
float:left;
width:440px;
}

.biopic {
width: 100px;
}

.bioinfo {
padding-left: 120px;
}

Я тестировал только в Firefox, кросс-браузерное тестирование еще впереди!

Спасибо, Меган

Answer 1

Удалите следующие свойства:

.bioinfo { display: inline-block; }

Существует глобальное свойство clear обоих в style.css (строка 24) для h2.

Я бы удалил оба clear.

Answer 2

Это работает:

#leftcol{
  float:left;
  width:440px;
}

.biopic {
  width: 100px;
  float:left;
}

.bioinfo h2, .bioinfo p, .bioinfo ul {
  margin-left: 120px;
}