Ciao,
ho un problema su questa pagina http://www.afremusic.it/prova.html
Se provate a visualizzarla con monitor con risoluzione 800x600 e rimpicciolite le dimensioni della finestra del browser, noterete che l'immagine si sovrappone al testo.
Visto che nel sito ho, oltre a quello che vedete sulla pagina, anche una colonna a sinistra, chi usa la risoluzione 800x600 vede che la parte a sinistra va a finire sotto all'immagine.

Come faccio per farsì che il testo con la cornice grigia e l'immagine non si sovrappongano ma si affianchino?

Questo è il mio css:

#scheda_vendite_contenitore {
font-size: 0.8em;
color: #000000;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 10px 10px 10px 10px;
}

#scheda_vendite_dx {
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
font-size: 1.8em;
color: #000000;
text-align:left;
float:right;
width: 360px;
display: inline;
}

#scheda_vendite_sx {
padding-left: 0.8em;
padding-top: 0em;
padding-right: 2em;
padding-bottom: 0em;
font-size: 1.2em;
color: #000000;
border: 1px solid #E0E2E4;
text-align:justify;
margin-right: 380px;

}

Ne approfitto per fare un'altra domanda. Come si fa a formattare un link che si trova all'interno di una lista? Io ho usato questo css ma non sono sicuro che vada bene..

li a:link, a:visited, a:active, a:hover {
text-decoration: undeline;
color: #ffcc00;

}

Grazie mille.