Схемка того что хочу побороть во вложении. Суть проблемы такова: в верхнем блоке сайта (позиция.1) есть текст(позиция.2), при нажатии на подробнее текст разъезжается (посредством jquery) Вопрос, как заставить реагировать блок 3 (позиция.3) на позицию блока 2?
Любыми средствами, а то у меня ни посредством цсс, никак по другому не получается. :xz:
Буду благодарен за абсолютно любую помощь в этом вопросе.

css блоков:
[CSS]
/*блок позиция 1 */
.header {
position:relative;
width:970px;
height:460px;
margin:40px auto 20px auto;
background: url(../images/bg/bgHeader.png) no-repeat 390px 115px;
}

/*блок позиция 2 */
.pageContent {
position:absolute;
width:365px;
top:150px;
}

/*блок позиция 3 */
.portfolioWrapper {
width:970px;
height:198px;
margin:0 auto;
background:url(../images/bg/fastPort.png) repeat-x right center;
}

/*описание скрытой части текста и элемента при нажатии на который происходит скрытие-появление*/
.part2 {
display:none;
}

#togglehide {
color:#f7ff15;
text-decoration:underline;
margin-top:7px;
font-size:12px;
font-weight:700;
background: url(../images/bg/star.png) no-repeat right center;
width:85px;
cursor:pointer;
}
[/CSS]

хтмл:

Вот в этой строке <p class="part2">Каждый .......................</p> может быть текст абсолютно любой длины.

Если блоку 1 задать в цсс [CSS]height:100%;[/CSS] он "не хочет" обхватывать блок 2, в чем может быть причина?

п.с. тема где-то между цсс и джава скрипт, прошу сильно не ругать если ошибся разделом.