Hola tistklehoff:
copia y pega este codigo haber si te he entendido:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>B.C.S. - Clínica Estética Belleza Cuerpo y Salud</title>
<style type="text/css">
* {
border: 0;
margin: 0;
padding: 0;
font: 14px Verdana,Arial,Sans-serif;
}
body {}
#global{
width: 98%;
height: 99%;
position: absolute;
top: 0.5%;
left: 1%;
min-width: 1024px;
min-height: 768px;
background-color:#791c6b;
}
#izquierda {
width: 25%;
height: 100%;
float: left;
}
#barra_lateral {
width: 100%;
height: 15%;
}
#derecha{
width: 74.999%;
height: 100%;
margin-left: 25%;
padding-left: -25%;
position: relative;
}
#barra_derecha {
width: 100%;
height: 15%;
position: relative;
}
#contenido {
width: 100%;
height: 85%;
color: #EEFFEE;
background-image:url(tu_imagen.jpg);
background-repeat:/*depende de si quieras que se repita*/;
overflow:auto;
}
#interior {
padding: 20px;
}
</style>
</style>
</head>
<body>
<div id="global">
<div id="izquierda">
<div id="barra_lateral"></div>
</div>
<div id="derecha">
<div id="barra_derecha">
</div>
<div id="contenido">
<div id="interior">
<p>HOLA, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
TEXTO, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
HOLA, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
TEXTO, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
HOLA, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
TEXTO, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
TEXTO, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
HOLA, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
TEXTO, esto es un texto que está aqui encima del fondo de pantalla!!!!
<br />
Aqui agrega todo el contenido que quieras para ver que funcione el scroll
</p>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html> Hice lo siguiente:
1- Eliminé tu la imagen junto al div que la contenia de tu html y tambien los estilos que le dabas para declararla (y fijarla) en #contenido tal como querias.
2- Quité el overflow que dabas a interior y lo incluí en contenido.
Se ve bien en Firefox e Internet Explorer 8, faltaría encontrar un truco para que funcione en IE 6 y 7.
Analiza el código y luego postea tus dudas asi lo seguimos viendo
Saludos!