Problema cellspadding e sistemazione immagine in tabella

Salve,
ho creato due tabelle una sotto l'altra, separate da qualche px di differenza, in quella superiore ci sono dei bottoni, in quella di sotto va un testo, entrambe si trovano all'interno di uno dei quattro <table></table> che ho creato per impostare le sezioni del sito, forse ho sbagliato in questo, ma sono una autodidatta. xD Comunque:

Il primo problema è che in quella di sopra quando provo ad inserire un'immagine come background stesso della tabella, non combacia con il bordo, ma risulta più spostato lateralmente e nemmeno con l'editing html riesco a sistemarlo.
Questo è il codice, probabilmente ho sbagliato qualcosa, anche se ho usato lo stesso altre volte e non mi ha mai dato problemi di sorta:

<table align="center" style="width: 700px; height: 90px;" cellspacing="0" cellpadding="0" background="none" ><tr><td valign="top"><div style="width: 700px; height: 90px; position: relative; left: -50px; top: 5px; overflow-y: visible; overflow-x: hidden; border: 1px solid #000000; font-family: Tahoma ; font-size: 11px ; line-height: 90% ; color: #535353">
<center><br>
     <a href="Accedi.html" target="_blank" title="accedi"
style="padding-right:30px;"><img src="http://alannisjofurr.altervista.org/accediatt.png" border="0"></a>
     <a href="Iscriviti.html" target="_blank" title="registrati"
style="padding-right:30px;"><img src="http://alannisjofurr.altervista.org/registratiatt.png"></a>  
     <a href="Info.html" target="_blank" title="info"
style="padding-right:30px;"><img src="http://alannisjofurr.altervista.org/infoatt.png"></a>    
     <a href="Credits.html" target="_blank" title="credits"
style="padding-right:0px;"><img src="http://alannisjofurr.altervista.org/creditsatt.png"></a>
</center></div></tr></td></table>

Il secondo problema riguarda la seconda tabella, il testo è giustificato, ma non riesco a distanziare dal lato dx e da quello sx le lettere, ho provato a modificare il cellspadding, ma non si vede alcuna differenza:

<table align="center" style="width: 600px; height: 200px;" cellspacing="0" cellpadding="0" background="none"><tr><td valign="top"><div style="width: 600px; height: 200px; position: relative; left: -50px; top: 5px; overflow-y: hidden; overflow-x: hidden; border: 1px solid #000000; font-family: Tahoma ; font-size: 11px ; line-height: 90% ; color: #535353">
<p align="justify"><br>
PROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVAPROVA PROVA PROVA
</p>
</div></tr></td></table>
</tr>

Grazie a chiunque mi saprà aiutare >_<

[dreadnaut]

entrambe si trovano all'interno di uno dei quattro <table></table> che ho creato per impostare le sezioni del sito, forse ho sbagliato in questo, ma sono una autodidatta.

Esatto. Butta via le tabelle e sii autodidatta leggendo un paio di guide recenti, o semplicemente guardando il codice di altri siti.

Esatto. Butta via le tabelle e sii autodidatta leggendo un paio di guide recenti, o semplicemente guardando il codice di altri siti.

Eh per fare un po' di ordine mi ero adattata con quell'espediente xD ahah grazie mille, allora continuo sulla mia solita strada, che a quanto pare è la migliore. Gentilissimo!

Ho risolto, bastava togliere il

position: relative

per far si che l'immagine combaciasse.