position relative と absolute 下部要素が上に回り込む場合の回避策

親要素に position:relative を設定し、
親要素内に子要素を position:absolute で配置する際、
それ以下の要素が、上にずれ込んで、親子要素に重なってしまう減少が起こった。(R2高校様サイト トップバナー)

一番シンプルな回避策は、親要素にheightを指定しておくこと。

(style.css)
親要素のクラス
.info{
position: relative;
height: 200px; /* ←高さを指定する */
}

※ 気付いたきっかけは、R2サイトのトップページバナーを、画像+文字 に変更した際、下の要素(画像や文字)が、
  上に上がってしまい、バナーと重なって表示されてしまったため。