Dar a una capa un alto igual que el de mi web???

[djacedj]

Hola, el problema que tengo es que quiero poner un capa vertical a un lado de la web que contiene una imagen, igual que en la siguiente web: nba.com/spurs y esta se repite en el eje Y.

Bueno lo he intentado de dos formas:

1. Con Javascript: el código que utilizo es el siguiente:

function Banda_preload(){
var alto;

alto = (document.all) ? document.body.offsetHeight : window.innerHeight;

alert (alto);
document.getElementById('bandaWeb').style.height = alto + "px";
}

y me funciona perfectamente en Mozilla pero no en IE y tampoco en Opera. No he conseguido averiguar porque y es la opción que más me gusta. Simplemente llamo a la función en el OnLoad del body y fuera.

2. Con CSS: le doy un height al body y al html de 100% y luego se lo doy a la capa vertical y le pongo al background "repeat-y". Bueno pues el problema con esto es que tiene en cuenta el para body y para html el alto de la ventana (sin la parte del navegador) con lo que si mi web es más "larga" en cuanto me desplazo con el scroll hacia abajo la capa deja de repetirse. Por ejemplo para una resolución de 1152x864 el 100% del body equivale a 734px aproximadamente y ese es el alto que toma la capa vertical.



La explicación es un poco liosa pero queda muy claro lo que quiero hacer si veis el enlace que he puesto al comienzo: nba.com/spurs . Es la barra que pone "GET LOUD. GET READY"

Muchas gracias a todos por adelantado. Ojala me podais ayudar...