Salve, il mio problema é il seguente: ho una tabella che si trova in un contenitore. Lo sfondo del contenitore é un'immagine mentre quello della tabella é un'immagine con gradiente impostato con: background-image: linear-gradient(top, #310000 0%, #631800 100%).

Ora é ovvio che avendo usato "opacity" tutto ciò che c'è all'interno della tabella va in trasparenza mentre c'è un'immagine contenuta in essa che vorrei mantenere in primo piano.
Qualcuno sa spiegarmi come fare??

nel link di sotto c'è la mia inserzione html in cui si presenta tale problema:
http://www.ebay.it/itm/280899821053?...ht_1416wt_1139

Di seguito invece la parte di codice interessata:

codice:
<table align="center" border="0" align="center" cellspacing="10px" style="	background-image: -ms-linear-gradient(top, #310000 0%, #631800 100%); background-image: -webkit-linear-gradient(top, #310000 0%, #631800 100%);	background-image: -moz-linear-gradient(top, #310000 0%, #631800 100%); background-image: -o-linear-gradient(top, #310000 0%, #631800 100%); background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #310000), color-stop(1, #631800));background-image: linear-gradient(top, #310000 0%, #631800 100%); font-family: Papyrus; color:#ea3715; font-size: 1.5em; opacity: 0.8; border-radius: 3px;" width="92%">
	<tr>
		<td></td>
		<td align="center">
			<h1><a name="Home" style="text-decoration: none; color: #ea3715;" onmouseover="this.style.cursor='text';" onmouseout="this.style.cursor='default';">Corde Harley Benton</a></h1>
			<h3>5 mute di corde per chitarra elettrica</h3>
			<h3>Scalatura <u>010-046</u></h3>
			<h3>acciaio nichelato/BRONCE WOUNDED</h3>
			<h3 style="color:red;">QUALITA' ALTISSIMA AD UN PREZZO BASSISSIMO</h3>
		</td>
	</tr>
</table>
Grazie in anticipo per eventuali risposte.