DIV Hover makes the other DIV Move
<p>I would like to ask your help.</p>

<p><a href="http://jsfiddle.net/perRL/9/" rel="nofollow">http://jsfiddle.net/perRL/9/</a></p>

<pre><code>&lt;div class="header-logo"&gt;
&lt;a href="#"&gt;&lt;img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/BenDaggers%20Logo.PNG" /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;div class="xbdlogo"&gt;
&lt;img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/Bendaggers%20Logo%20Two.PNG" /&gt;
&lt;/div&gt;
</code></pre>

<p>What I'm trying to do is when you hover the logo "bendaggers", the little logo beside it will change from it css style (from) <strong>Top:-50px; to Top:30px;</strong></p>

<p>IF anyone could help me do this on javascript? Thank you!</p>
