Ciao a tutti

sto cercando di creare un effetto rollover con due immagini attraverso i css ma non mi riesce.
La pagina è circa questa

Markup
<div id="contenitore">
<div id="roll"></div>
</div>

CSS
<style type="text/css">
div#roll a {background-image:url("percorso/immagine1") ;
width:250px;
height:500px;}
div#roll a:hover {background-image:url("percorso/immagine2") ;
width:250px;
height:500px;}
</style>

in questa maniera non riesco a visualizzare nessuna immagine! ho provato con diverse varianti lette qua e la, ma niente. L'unica cosa che fa apparire l'imm di background e metterla relativa all'id del div "contenitore", in questa maniera l'imm si ripete solo per l'alteza del div "roll"!

Sono alle prime armi e non ne vengo fuori, qualcuno mi sa indicare dove sbaglio?

Ciao Mirko