Perchè non funziona l'hover?

Ho creato una pagina web con relativo foglio di stile nel quale indico .button { attributi } e .button:hover { attributi } però il button:hover non funziona.. Questo è il codice css:
codice:

body {
background-image: url(img/bg.png);
}

.button {
background-image: url(img/button.png);
width: 174px;
height: 40px;
float: left;
margin-right: 5px;
}

.button:hover {
background-image: url(img/buttonhover.png);
}

.buttontext {
text-align: center;
color: #FFFFFF;
font-size: 20px;
padding-top: 7px;
}

.buttontext a:link {
text-decoration: none;
color: #FFFFFF;
}

.buttontext a:visited {
text-decoration: none;
color: #FFFFFF;
}

.menu {
margin-left: 310px;
margin-bottom: 25px;
}

.testo {
color: #FFFFFF;
margin: auto;
width: 635px;
}

.banner {
background-image: url(img/banner.png);
width: 445px;
height: 257px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.top {
background-image: url(img/top.png);
width: 704px;
height: 19px;
margin: auto;
margin-top: 40px;
}

.center {
background-image: url(img/center.png);
width: 704px;
height: auto;
margin: auto;
}

.bottom {
background-image: url(img/bottom.png);
width: 704px;
height: 19px;
margin: auto;
}

[javascripter]

Hai messo un doctype al tuo documento HTML ?

Posta anche la parte in HTML...

Ops che erroraccio :S Grazie mille me ne ero scordato, ora funziona