Div aparecendo mais do que devia

Olá pessoal, fiz uma página chamada mensagens.php e nela tem o seguinte código:

<script>
function mostra_mensagem_ok(msg){
 $(".bg_mensagem_ok").stop().slideDown(500, function(){
 $("#mensagem_ok").text(msg);
 });
}
function fecha_mensagem_ok(msg){
 $(".bg_mensagem_ok").stop().slideUp(500);
}

function mostra_mensagem_erro(msg){
 $(".bg_mensagem_erro").stop().slideDown(500, function(){
 $("#mensagem_erro").text(msg);
 });
}
function fecha_mensagem_erro(msg){
 $(".bg_mensagem_erro").stop().slideUp(500);
}
</script>

<div class="bg_mensagem_ok" style="display:none;">
 <div class="cont_mensagem_ok">
 <p><img src="img/sucesso_msg.png" alt="" /><span id="mensagem_ok"></span><a href="#" onclick="fecha_mensagem_ok();"><img src="img/fecha_msg.png" alt="" /></a></p>
 </div>
</div>

<div class="bg_mensagem_erro" style="display:none;">
 <div class="cont_mensagem_erro">
 <p><img src="img/erro_msg.png" alt="" /><span id="mensagem_erro"></span><a href="#" onclick="fecha_mensagem_erro();"><img src="img/fecha_msg.png" alt="" /></a></p>
 </div>
</div>

O intuito disso é que todas as minhas páginas que possuem mensagens possam usar essa function..

Exemplo:

Em uma página coloquei o seguinte código:

echo "<script>mostra_mensagem_ok('Ordem de serviço excluída com sucesso!')</script>";

A mensagem é exibida com sucesso, com o efeito, tudo certinho...

Porém aparecem duas divs abaixo dela sem mensagem alguma... Aparecem no caso 3 divs bg_mensagem_ok sendo uma com a mensagem que defini o echo e outras 2 em branco..

O que tem de errado?

Obrigado, desde já...