Ocultar Div ao tirar o mouse dela

Olá pessoal to fazendo um sistema aqui que tem uma botao, que quando passo o mouse sobre ele aparece uma div... soh que quando eu tiro o mouse do botao ou da div a div continua aparecendo... eu quero que quando tive o mouse a div suma novamente...

Meu script ta assim:

<script type="text/javascript">
 $(document).ready(function(){
 $('#bt_face').hover(function(){
 $('#acompanhe_face').show(800);
 });
 });
</script>

Sendo: #bt_face o botão que tem que passar o mouse para mostrar a div.

#acompanhe_face a div a ser mostrada e ocultada.