анимация вертикального меню

[saint_12]

Доброго времени суток всем! Пишу сюда еще раз по одной и той же проблеме: при верстке сайта не могу сделать анимацию вертикального меню(изменение картинки при наведении курсора), самостоятельно лопатил гугл, но ни средствами css, ни с помощью javascript не смог добиться желаемого. Не хватает опыта (в скобках читай ума ), поэтому прошу помощи(подсказки) на вашем форуме...

макет сайта:

фрагмент кода, отвечающего за кнопки:

<div id="buttons">
		<div id="buttons1">    
   			<div id="buttons1_text"><b>Warmheartedness</b></div>
        </div>

        <div id="buttons2">    
   			<div id="buttons2_text"><b>Warmheartedness</b></div>
            </div>

            <div id="buttons3">    
   			<div id="buttons3_text"><b>Solutions</b></div>
            </div>

            <div id="buttons4">    
   			<div id="buttons4_text"><b>Our Clients</b></div>
            </div>

            <div id="buttons5">    
   			<div id="buttons5_text"><b>Contacts</b></div>
            </div>

            <div id="buttons6">    
   			<div id="buttons6_text"><b>News</b></div>
            </div>

            <div id="buttons7">    
   			<div id="buttons7_text"><b>Offers</b></div>
            </div>

            <div id="buttons8">    
   			<div id="buttons8_text"><b>Career Center</b></div>
            </div>

            <div id="buttons9">    
   			<div id="buttons9_text"><b>Offers</b></div>
            </div>

            <div id="buttons10">    
   			<div id="buttons10_text"><b>Services</b></div>
            </div>

</div><!--buttons-->

[Softlink]

Темы плодить абсолютно необязательно! Если вам не ответили в первой, то не стоит делать вторую. Либо ждите ответа, либо делайте сами.

По проблеме читайте вот здесь. Какой лопатой вы лопатили гугл - не понятно.