Using fadeIn and fadeOut and div automatically change opacity... Help

Using fadeIn and fadeOut and div automatically change opacity... Help

Hello again guys, I'm using wordpress to make a website and need to do a overlay div to each product...
http://virtualsoul.com.br/cupcakeria/index.php/sabores/   << the div is all okay, the overlay div must appear when have a mouseover, but when it happens the div changes to 'display = block' and automatically the opacity changes to 0...

  1. $(".element").on("mouseenter", function(){
  2.       $(".elementoverlay").stop().fadeIn();
  3. });
  4. $(".element").on("mouseleave", function(){
  5.       $(".elementoverlay").stop().fadeOut();
  6. });

How can i make div appear and dont change automatically the opacity??

Thank you!!!

(Excuse me if I do not speak english very well, but my level of knowledge in english is the same as my knowledge of jQuery.. haha)