Posizione assoluta di un div

[readysteadygo]

Nel browser MSIE 7.0 Windows il logo di questo sito http://www.ilsambuco.si.it/ scompare. Me lo segnala browsershots.org.

Ho usato questo codice:

#box-2{
position: absolute;
padding: 0px;
top: 27px;
z-index: 20;
width: 155px;
height: 145px;
background: url('img/logo.bmp') no-repeat;
margin-left: 50px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

Come rimediare?

Grazie

[ResianTaxidrive]

assegna anche un valore left

[readysteadygo]

Se inserisco un valore ad esempio
left: 27px;

il logo esce dal div wrapper e si posiziona a 27px dalla sinistra dello schermo. Come faccio a posizionarlo a 27px a sinistra del div wrapper?


css
#wrapper {
margin: 0 auto;
width: 900px;
}
#box-2{
position: absolute;
padding: 0px;
top: 27px;
z-index: 20;
width: 155px;
height: 145px;
background: url('img/logo.bmp') no-repeat;
margin-left: 50px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

html
<div id="wrapper">
<div id="box-2">
</div>
</div>

[ResianTaxidrive]

assegna a #wrapper: position:relative;

[readysteadygo]