ayuda CON STYLE.. para cambiar la imagen al pasar el mouse

[JoseGMariani]

nawara es frustrante! la pagina que me distes si funciona el efecto. vi el codigo de dicha pagina. y lo copie tal cual y si funciona pero cuando trato d eponer solo el codigo html, enla pagina de html, y hacer la llamada. con

<link href="estilo.css" rel="stylesheet">

y el codigo css en el archivo stilo.css no me funciona.. o.O! el codigo css que tengo es el mismo que la pagina que me distes.. claro que le borro las etiquetas body y html y head. pertenecientes al codigo htlm.. y me queda asi:

body {
background-color:#F2F2F2;
margin:0;
padding:0;
}
.menu {
background-image:url("http://jackimages.tk/file/menu.png");
background-repeat:repeat-x;
height:35px;
margin-top:0;
text-align:center;
}
.menu-size {
margin:0 auto;
width:800px;
}
.boton {
color:#FFFFFF;
height:30px;
padding-top:7px;
}
.boton:hover {
background-image:url("http://jackimages.tk/file/menu.png");
background-position:0 -35px;
background-repeat:repeat-x;
color:#FFFFFF;
height:28px;
padding-top:7px;
}
ul {
margin:0;
}
ul li {
float:left;
list-style:none outside none;
padding-left:5px;
padding-right:5px;
text-align:center;
width:50px;
}
.fondo {
background-image:url("http://jackimages.tk/file/top.png");
background-repeat:repeat-x;
height:155px;
}
body {
background-color:#F2F2F2;
margin:0;
padding:0;
}
.menu {
background-image:url("http://jackimages.tk/file/menu.png");
background-repeat:repeat-x;
height:35px;
margin-top:0;
text-align:center;
}
.menu-size {
margin:0 auto;
width:800px;
}
.boton {
color:#FFFFFF;
height:30px;
padding-top:7px;
}
.boton a:hover {
background-image:url("http://jackimages.tk/file/menu.png");
background-position:0 -35px;
background-repeat:repeat-x;
color:#FFFFFF;
height:30px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px;
padding-right:5px;
}
ul {
margin:0;
}
ul li {
float:left;
list-style:none outside none;
padding-left:5px;
padding-right:5px;
text-align:center;
width:60px;
}
.fondo {
background-image:url("http://jackimages.tk/file/top.png");
background-repeat:repeat-x;
height:155px;
}


y la llamada la hago:

<link href="estilo.css" type="text/css" rel="stylesheet">

:S no se por que no agarra o hay algun detalle cuando edito el css.. :S o la llamada no esta agarrando.. =(