Já bych asi nedělal žádné komplikace, z-index a pozicování. Udělal bych ještě jeden menší <div> s poloprůhledným pozadím v tom prostředním divu a dal mu marginy. Nějak takto
<style type="text/css">
.horni {
height: 100px;
width: 100%;
background-color: blue;
background-image: url("images/nebe.jpg");
}
.obsah {
width: 100%;
background-color: maroon;
background-image: url("images/peklo.jpg");
}
.text {
width: 80%;
margin: 100px auto 30px auto;
background-image: url("images/polopruhledne-pozadi.jpg");
}
</style>
</head>
<body>
<div class="horni">
tady vše, co bude nahoře (logo etc.)
</div>
<div class="obsah">
Tady ten text minecraft česky
<div class="text">
<p>Lorem ipsum dolor sit amet consectetuer accumsan platea Mauris commodo Curabitur. Vel Quisque consequat tortor wisi metus tincidunt velit sapien cursus turpis. Nunc Phasellus orci Nulla Pellentesque id montes condimentum faucibus Aliquam orci. Adipiscing sem sed Fusce semper Morbi mauris porta nibh eget.</p>
<p>Enim Quisque auctor nibh dictum Nunc elit Nam quis a elit. Ut molestie ac convallis Phasellus quis eget ut est auctor id. Commodo egestas dui Vestibulum lacus Aenean natoque malesuada ut id ante. Mi velit laoreet congue non.</p>
<p>Nulla In mauris netus ipsum mi Sed vestibulum Vivamus sapien mauris. Mauris ut Aliquam turpis Morbi nulla Curabitur Sed ut Nullam justo. Pretium Integer tellus.</p>
<p>Mauris Nulla sed ligula sed laoreet et interdum ante felis augue. Congue Ut orci eget condimentum lacus eu hendrerit Nunc condimentum enim. Dignissim urna et dui orci Aenean quis consectetuer nec pellentesque eleifend. Pede sit sem vitae massa egestas eget pretium ligula pellentesque Vestibulum. In ridiculus Praesent et at nonummy porta In ut consectetuer vestibulum. </p>
<p>Wisi et mus Nulla natoque Sed elit aliquet quis dolor volutpat. Consectetuer feugiat in pellentesque elit sit amet sapien justo velit dignissim. Ut convallis.</p>
</div><!-- /text -->
</div><!-- /obsah -->
<div clas="footer">spodek</div>