alinhar logo sobre uma imagen de fundo.

Boa tarde,

Ao posicionar a logo (div#topo .topo-interno h1 a) utilizando margin no firefox movimenta a (div#topo .topo-interno) também como posso corrigir esse problema?

CSS:

* {

 margin:0;
 padding:0;
 text-decoration:none;
 list-style:none;
}

body {text-align:center;

background:#c0c0c0;}

div#wrapper {

 width: 740px;
 text-align:left;
 margin: 0 auto;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
TOPO
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#topo {

 background-image: url('../img/topo.png') !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/topo.png');
 width: 740px;
 height: 248px;
}

div#topo .topo-interno {position: relative;} / Resolve problema de congelar os links no IE /

div#topo .topo-interno h1 a {

 display: block;
 text-indent:-5000px;
 overflow: hidden;
 background: url("../img/logo.gif") no-repeat;
 width: 112px;
 height: 53px;
 margin: 10px;
}

div#topo .nav-topo {
margin: 40px 0 0 30px
}

div#topo .nav-topo a {

 color: #fff;
}

http://meridiananet.com/demo/content/home/default.asp

Obrigado.