Il problema è sicuramente dovuto a questi:
.SX {
float: left;
width: 10%;
}
.DX {
float: left;
width: 90%;
margin-top:5px;
}
Ma come soluzione direi di aggiungere un elemento di separazione con un bel clear:both;
Comunque, esistono sistemi più semplici per ottenere l'effetto che desideri (es. un margin-right associato all'immagine )

Inoltre, se permetti un'ulteriore osservazione, hai usato XHTML, ma il codice è molto confuso, mescola tabelle e div, e presenta ancora elementi come ad es. <p align="center">, che vanno evitati: l'allineamento del testo va affidato solo al foglio di stile