HTML+CSS+JavaScript

Можно ли сделать вертикально резиновый блок с background-image фоном? Например, текст в рамке, нарисованой в фотошопе, так, чтобы размер рамки растягиваля в зависимости от внутреннего контента?

Это было бы слишком просто )))
Во-первых, фон не тянется.
А во-вторых, сам метод чреват: учтите, что тянуться будет не только размер рамки, но и толщина нижней и верхней границ, а если закругляется чего где, то пропорции уйдут сразу же.
Единственный известный мне способ сделать фоновую картинку "резиновой" - это использовать в нижнем слое обычный <img> со 100%-ной шириной и высотой, а содержимое класть вторым слоем поверх. Опять же, за пропорции не отвечаю. Я однажды использовал такой метод для веселенького фона на главной странице (www.ventpm.ru), но больше этого не сделаю.

Если по кривому, то внутри блока(position: relative) кладете свою картинку с width=height=100%,position: absolute

В родительском блоке не получается поставить position: relative, в нем уже стоит position: absolute, т.к. он в свою очередб дочерний для еще более внешнего блока. Могут ли эти два атрибута быть присвоены одному блоку одновременно?

нененененне!
Одному блоку или относительное - relative, или абсолютное - absolute - позиционирование. Неважно в данном случае. Главное, что наложение работает только для позиционированных элементов. Для понятства, абсолютное - это от левого верхнего угла окна бравзера, а относительное - это от того места, куда бы элемент встал без назначения позиционирования.
А фраза "стоит position: absolute, т.к. он в свою очередь дочерний для еще более внешнего блока" не имеет к задаче никакого отношения. Элемент может быть дочерним, но визуально быть вне родителя, наследуя только стиль отображения, но не координаты. А уж тем паче, когда элементу задана абсолютная позиция, ему просто суждено покинуть родительские объятия.
Если я чего невнятно объяснил, то спрашивайте, уточню завтра, а то у нас тут так холодно было, пришлось сильно согреться...