Изменение div при наведении (CSS)

Для изменения блока div при наведении на него курсором нужно применить к нему код:

.post {float: left; overflow: hidden; width: 240px; margin: 0 30px 30px 0; padding: 29px; border: 1px solid #e5e5e5;}

.post:hover {float: left; overflow: hidden; width: 240px; margin: 0 30px 30px 0; padding: 29px; border: 1px solid #d1d1d1; background-color: #e5e5e5;}

В итоге получим (слева блок при наведении курсора):