[Ovillo] Imagen sobrepuesta sobre otra

[ReynierPM]

Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se 
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:

<div id="logo" class="span-4">
   <a href="index.php"><img src="/images/logo.gif"></a>
</div>
<div id="main-container" class="span-24 last">
   <div id="tina" class="span-12">
   <a href="order.php"><img src="/images/content/order-now.jpg" 
alt="Order Now" /></a>
</div>

He intentado poniendo un z-index "inmenso" al div#logo y un z-index 
"pequeño" al div#tina pero aún así se me sigue solapando la imagen 
grande sobre la pequeña. Los CSS asociados son los siguientes:

div#logo {
	height:115px;
	overflow: auto;
         z-index: 1000;
}

div#tina {
	background: url(../images/content/tina-grande.jpg) no-repeat right top;
	margin-top:-56px;
	margin-right: 0px;
	height: 570px;
	z-index: -1000;
}

¿Alguna ayuda? ¿Sugerencias?
-- 
Saludos
ReynierPM