Mouse out and change backGround tag
<p>In master page</p>

<p>Script:</p>

<pre><code>         $(".RightMenu").click(function(){ 

                $(".FlashMenu").css('background-image','url(icon/PersonalPage/blueFlash30.png)');   
                $('.RightMenu').css('background-image','url(icon/PersonalPage/Menu.png)');                

                $(this).css('background-image','url(icon/PersonalPage/MenuActive.png)');
                $(this).css('background-repeat','repeat-x');

                $(this).find("&gt;:first-child").css('background-image','url(icon/PersonalPage/greenflash30.png)');
                $(this).find("&gt;:first-child").css('background-repeat','no-repeat');  



         });
         $(".RightMenu").mouseover(function(){ 

                $('.RightMenu').css('background-image','url(icon/PersonalPage/Menu.png)');                

                $(this).css('background-image','url(icon/PersonalPage/MenuOver.png)');
                $(this).css('width','150px');
                $(this).css('height','20px');
                $(this).css('background-repeat','repeat-x');                        

         });
</code></pre>

<p>Style:</p>

<pre><code>    div.RightMenu
    {
        background-repeat: no-repeat;
        text-align: right;
        cursor: pointer;
        height: 20px;
        float: right;
        width: 150px;
        background-image: url(icon/PersonalPage/Menu.png);
        border: 1px solid #ede7da;
    }
    div.FlashMenu
    {
        background-image: url(icon/PersonalPage/blueFlash30.png);
        background-repeat: no-repeat;
        float: left;
        width: 30px;
        height: 20px;
    }
</code></pre>

<p>HTML:</p>

<pre><code>&lt;table&gt;
   &lt;tr&gt;
     &lt;td  valign="top" colspan="1" width="185px"&gt;
                &lt;div id="ContentRightMenu" &gt;
                    &lt;div class="RightMenu"&gt;
                        Home
                        &lt;div class="FlashMenu"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="RightMenu"&gt;
                        About
                        &lt;div class="FlashMenu"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="RightMenu"&gt;
                        Product
                        &lt;div class="FlashMenu"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

         &lt;/tr&gt;
 &lt;/table&gt;
</code></pre>

<p>======================================================
1.</p>

<p>When the mouse moves over <code>Div.RightMenu</code> change its image (Menu.png==>MenuOver.png).</p>

<p>But when the mouse out from <code>div.ContentRightMenu</code>.one of the <code>Div.RightMenu</code>colors of the same color as the mouse over(MenuOver.png) stays in and not to be the first case(Menu.png)</p>

<p>2.</p>

<p>When me click on a <code>Div.RightMenu</code> gets its color from the default(Menu.png) will change with the new state(MenuActive.png) But when the mouse move is doing the color returns to its initial state(MenuActive.png==>Menu.png)</p>
