Как поставить блок ниже текста

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

здесь style.css

body {
    background-image: url("beach.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

p { color:#000000;line-height:2em;}
p.margin {
    text-align: justify;
}

#banner {position:relative, margin:auto auto;}
#header{background-color: #fff; width: 1000px; position: relative; }
#bannerL {position:relative, margin:auto auto;}
#bannerR {
    position: relative; 
    float: right; 
}

h1 { text-align: center}
h1 {font-size:50px}