[Resolvido] sombra no topo da div usando imagem

Olá pessoal, tenho uma div com a classe "container" com o seguinte código:

z-index:15;
max-width: 970px;
_width: 970px;
padding: 30px 20px 50px;
border-left: 2px solid #b3b3b3;
border-right: 2px solid #b3b3b3;
margin: 0 auto;
background: #fcfcfc;
font-size: 1em;
line-height: 1.4;

e uma outra classe chamada de "sombra_top":

 z-index:10;
 width:975px;;
 height:20px;
 margin-left:130px;
 vertical-align: middle;
 border:0px;
 background:url(sombra-corpo-top.png) no-repeat;

Chamo elas assim no meu código:

 <div class="sombra_top"></div>

 <div class="container">

 conteudo da div

 </div>

estou tentando deixar essa "sombra_top" logo acima da div "container", mas fica um pequeno espaço de 2px que não estou conseguindo eliminar.

Saca só essa imagem, acho que ela explica melhor a situação.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img23.imageshack.us/img23/9504/imagemykb.png&key=492e563c9cfe7f4402ee7e94631d0c9fdbaa5ddafc81fa277e8317a5320e673b" alt="imagemykb.png" />

Valeu!