es como dijo jarkaos, aunque no estoy seguro donde coloco el codigo del contenedor en su ejemplo, y en peligro de caer ne la redundancia, yo el codigo de los div (las carateristeicas del div) las pongo dentro de un style en la cabecera
ej
Código:
<STYLE type="text/css">
#links {position:absolute; top:0; left:0; background-image:url(gray.jpg); width:20%; height:80%; font-family:Times New Roman}
#pag1 {position:absolute; top:0; left:201 ;background-image:url(imagen.gif); width:80%; height:80%; font-family:Times New Roman}
</style>
y en los div de abajo #links y #pag1 serian los id
con los que menicona jarkaos, de la imagen de fonod no te preocupes, simpre que el fondo sea con bodybackground, se autoajustara a su contenedor, ya sea el totalidad de la pagina, o un div, en el caso del div si es mas grande la imegen, no sale completa si es mas chica se pone en mosaicos, lo ideal es usar un fondo que por mas que se repita forma un imagen igual
ej
imagen
xxx
xxx
xxx
ò
/-/-/
/-/-/
/-/-/
imagenes de essa carateristicas quedaria asi aunque sea en mosaico grande
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
xxxxxxxxxxxxxx ...separacion... /-/-/-/-/-/-/-/-/
en otras palabras no usfre distorcion por mas que esta se repita.
PD tus otras dos opciones llvan mucho mas timempo que la de porcentajes y las diferencias posibles son minimas, ademas es mas facil con le DIV XD, ojala te sirva