title: Jquery mouseenter and mouseout
body: <p>I have a div (div1) that warps a literal.
  on mouseenter I put another div (div2) in front of div1 and on mouseout I hide div2.
  my problem is that on mouseenter or hover, its flashing.</p>
  
  <p>this is my code </p>
  
  <pre><code>        $(".EditText").mouseenter(function () {
              debugger;
              $("#divEdit").css("display", "block");
              $("#divEdit").css("height", $(this).height() );
              $("#divEdit").css("width", $(this).width() );
              $("#divEdit").css({ "position": "absolute", "top": $(this).offset().top, "left": $(this).offset().left });
          }).mouseout(function () {
              $("#divEdit").css("display", "none");
          });
      });
  </code></pre>