Te dejo que codigo que quieres para css y luego lo modificas segun tus necesidades :).
Antes de nada, tienes que saber, que a no ser que te quepa todo el texto en uno solo de los botones, tendras que cortar cda boton un poco por su izquierda para que pueda agrandarse, emepqueñezerse segun le parezca. Asi que si es asi, te recomeniendo:
http://lawebdedany.atwebpages.com/javascript/menu-java.html (Que mira que casualidad, el creador de esta web también aprendió gracias a Jorgens)
Suponiendo que el menu estubiese en un div llamado #menu-lateral, la cosa sería mas o menos asi:
#menu-lateral {/* Lo que tu le hallas puesto */}
#menu-lateral a {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
#menu-lateral a:hover {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
#menu-lateral a:active {background-image: url{/*URL de donde esta el boton de fondo normal*/} /*Y el resto de CSS de links aqui*/}
/*Jorgens dice que hay que poner tambien a:link para que funcionen correctamente, pero yo no lo creo :S */
Y eso sería lo mas elemental. :) Espero haberte ayudado :P