title: How to create border around div element on mouseover
body: <p>I want to create a border around an element , as soon as , mouse is over it .
  I am trying to use:</p>
  
  <pre><code>$("body").mouseover(function(e){
      var element =  document.elementFromPoint(e.clientX,e.clientY);
      var target = $(e.target);
      if (target.is("div")) {
          element.style.border = "1px solid blue";
          currentElt = target;
      }
      element.onmouseout = function(){
          this.style.border = "0px";
      }
  });
  </code></pre>
  
  <p>But what happens, <strong>due to border nearby DOM elements position gets disturbed</strong>.
  So, What I am thinking is to create a transparent DIV around that element and on mouse out remove that transparent div.</p>
  
  <p>Please help me with this idea. I am not able to figure out. How to do this ?</p>