ok, ci sto riuscendo, solo che ora ho un piccolo "problema"

sto facendo in modo che quando la risoluzione del monitor è minore di 600px tutto il contenuto del div di destra vada sotto a quello del div di sinistra e ci riesco, solo che ho bisogno di uno spazio (un br) in modo da non attaccare tutto.

Come potrei fare?
Questo e' il codice attuale
codice:
#mostra_offerte{
        width: 60%;
        height: auto !important;
        float: left;
        background: #fff;
        margin-top: 10px;
}

div#supplementi-riduzioni{
        width: 40%;
        height: auto !important;
        float: left;
        background: #fff;
        margin-left: -1px;
        margin-top: 10px;
}

@media (max-width: 600px) {
  div#supplementi-riduzioni {
    float: none;
    width:80%;
    margin-top: 50px;
 }
}
sto margin top che ho aggiunto non fa molto