Eventhandler mouseover(

Eventhandler mouseover(

Hello jQuerians!

I'm new to jQuery and got my first problem: I want a simple move of a <div> by a mouseover on a link. To start I've used this simple example:

  2. $("#bt_right").mouseover(function(){
  3.    $(".cslide").animate({"left": "+=10px"}, "fast");
  4. });

  6. $("#bt_left").mouseover(function(){
  7.    $(".cslide").animate({"left": "-=10px"}, "fast");
  8. });
And the HTML-part:
  2. <div class="cslide" id="slide">
  3.       <div class="ccontent" id="content1"></div>
  4.       <div class="ccontent" id="content2"></div>
  5.       <div class="ccontent" id="content3"></div>
  6.       <div class="ccontent" id="content4"></div>
  7.       <div class="comments" id="content4"></div>
  8.       <div class="reply" id="content4"></div>
  9. </div>
  10. <div id="slide_button">
  11.       <a id="bt_left" href="#"><img src="images/slide_left.png" style="text-align:left;"></a> 
  12.       <a id="bt_right" href="#"><img src="images/slide_right.png"  style="text-align:right;"></a>
  13. </div>

And it works, but not as I thought. It moves the <div> just once if I enter the link and when I leave the link mostly but not when I'm "over" with the mouse. What is wrong with my small script?

Thanks in advance
cyb