ajuda com rollover de imagens

[arantes1975]

ola boa tarde

estou com dificuldade de realizar um rollover com imagens e vi varios tutoriais ( inclusive aqui ) mas nenhum é igual ao tipo de código que estou usando, então colocarei parte do código que quero realizar o rollover para ver se alguém pode me ajudar

parte html

<div id="section-navigation">

<ul>

<li><a href="alunos_juniores1.html"><img src="images\botao_1.jpg" border="0" />

</a></li>

<li><a href="alunos_juniores.html"><img src="images\botao_1.jpg" border="0" /></a></li>

</ul>

</div>

obs: esta div esta dentro de uma div chamado container

----------------------------------------------------------------------

css (link externo)

#section-navigation

{

float: left;

width: 160px;

padding: 20px 0;

margin: 0 20px;

display: inline;

border: solid 1px color #000;

}

#section-navigation ul

{

margin: 0;

padding: 0;

}

#section-navigation ul li

{

margin: 0 0 1em;

padding: 0;

list-style-type: none;

}