Como criar para template menu com rollover de imagens?

bom dia estou com duvida como criar menu com rollover de imagens para que possa parar o mouse em cima e apareça outra imagem.

Olá valdineijr!

Acho que vc pode fazer isso no arquivo .css:

NORMAL:
#menu ul li {
background: url (image/image01.png);
}

ROLLOVER:
#menu ul li:hover {
background: url (image/image02.png);
}

Claro que vc vai precisar aplicar outras propriedades pra ajustar.. mas para mudar a imagem é isso!

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

ok para ser ser cada imagen sua referencia/

Como:
Home imagem especifica
Serviços imagem especiica
assim sucessivamente...

..entao, precisa criar uma ID especifica pra cada DIV!

<div id="home">Home</div>
<div id="servicos">Serviços</div>

...

#home .menu ul li {
background: url (image/img-home01.png);
}
#home .menu ul li:hover {
background: url (image/img-home02.png);
}
#servicos .menu ul li {
background: url (image/img-servicos01.png);
}
#servicos .menu ul li:hover {
background: url (image/img-servicos02.png);
}

Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

ok vou estudar... agora vou passar papa o modulo