Immagine richiamata dai css e inserita in tabella non funzionante al 100%

[deleted_193]

Salve, vi posto codice css e html:

#immagine {
	background-image:url('../Immagini/immagine.jpg');
	background-repeat:no-repeat;
	width:200x;
	height:80px;
	position: absolute;/*position, top e left andrebbero tolti*/
	top: 40px;
	left: 0px;
}

<table><tr><td>
  <div id ="immagine"></div>
</td></tr></table>

In pratica la tabella in cui lo richiamo non lo stampa correttamente se tolgo gli attributi dal css, lo stampa sempre staccato di qualche pixel dal bordo, ma non ci sono propietà margin o padding che influiscono, quindi dovrebbe stamparlo attaccato in automatico, invece no...
L'unico modo per stamparlo attaccato è di settare position:absolute e poi left:0.
Avete una soluzione? Mi servirebbe anche con altre immagini.

[Prill]

per eliminare la spaziatura fra le celle occorrerebbe settare su 0 gli attributi cellpadding e cellspacing per la tabella, oppure, attraverso i css, che non hanno proprietà direttamente corrispondenti ai due attributi html, usare:

.miatabella {
	border:0;
	border-collapse: collapse
}
.miatabella td{
	padding:0;
}

che sortisce lo stesso effetto (alla tabella sarà attribuita la classe miatabella o come vorrai chiamarla)

[deleted_193]

Grazie, avevo provato anche io a fare direttamente:

table {
border-spacing:0px;
border-collapse:0px;
padding:0px;
}

ma non funzionava, perchè guardando adesso quello che hai scritto tu ho capito che dovevo fare diversamente:

table {
border-spacing:0px;
border-collapse:0px;
}
table td {
padding:0px;
}

Adesso và a meraviglia, e senza mettere ltro nel codice html per le tabelle. Grazie!