Как сделать всплывающий DIV поверху сайта, не выходящим за экран?

[Enkee]

Лабаю на сайте систему помощи по странице

Сделал в виде всплавающего поверх содержимого сайта окошка. Выглядит так:

div id = help left=..,top=..
  div id = helpCaption
  div id = helpParts
    div id = helpText width=..,height=..
    div id = helpCorner

helpCaption - заголовок

helpCorner - уголок для ресайза окна внизу справа

helpText - текст справки

#help

{

position: fixed;

left: 10px;

top: 10px;

}

#helpText

{

overflow: auto;

}

при растягивании скрипт меняет width, height элемента helpText. Если текст не помещается, то показывается скролл

Теперь проблема: при сужении размера браузера по горизонтали, "окошко" с помощью утыкается в правый край и начинает сужаться вместе с ним. А вот по вертикали оно просто уходит за экран.

Каким образом решить вопрос с утыканием и в нижний край тоже, без привлечения javascript, просто за счёт разметки?

всем заранее спасибо

Edited November 7, 2011 by Enkee

[Switch74]

мне кажется ни как

[Justnewone]

минхейтом ограничить высоту общего родителя.