CSS изменение размера меню и содержимого фоновых изображений

Question

Мне нужно иметь изменяемый размер меню и фоновые изображения для моего сайта, чтобы они оба растягивались, когда пунктов меню слишком много или содержимое выходило за границы фонового содержимого.Мне нужно вертикальное растяжение.

Не могли бы вы дать мне подсказку (реальный ответ тоже подойдет) или ссылку на хороший пример?

Заранее большое спасибо!

Answer 1

Возможно, вам понадобится организовать группу элементов примерно так:

HTML:

<div id="element">
   <div id="elementTop">
     <div id="elementBottom">

     </div>
  </div>
</div>

CSS:

#element {
  // tileable background image, repeat-y;
}
#elementTop {
  // top, fixed portion of the background image, no-repeat
}
#elementBottom {
  // bottom, fixed portion of the background image, no-repeat, set to:
  background-position: 0 100%;
}