CSS Images qui scrollent

Bonjour,


Je fais actuellement un thème wordpress pour un ami et il aimerais avoir des barres en haut et bas de l'écran pour que ca donne une impression de "cinéma". Donc j'ai fait ce qe j'ai pu avec des background-image mais le problème c'est que c'est en fond ( d'ou background d'ailleurs :p) et que j'aimerais faire la même chose mais qui soit par dessus au lieu d'être en fond :

Un lien du site et le code que j'ai utilisé pour faire les barres :

http://www.robertprevatt.com/index.php?i=robage

pour la barre du haut dans le css du body

background-image:url('http://www.robertprevatt.com/wp-content/themes/default/images/blacklong.png');
background-repeat:no-repeat;
background-position:50.1% 0%;
Background-attachment: fixed;


Du bas :

<div id="footer"
style="background-image:url('http://www.robertprevatt.com/wp-content/themes/default/images/black.png');
background-repeat:repeat-x;
background-position:0% 100%;
background-attachment: fixed;

>

Voila si vous avez des idées d'une autre manière de faire la chose, merci.