Buongiorno a tutti. Sto aiutando una mia amica a sistemare il sito web e ho deciso di renderlo responsive (semplicemente attribuendo la proprieta float ad alcuni elementi).

Normalmente La pagina si presenta cosi:
Screen0.jpg

Una volta che effettuo lo zoom della pagina si presenta cosi:
Screen1.jpg

Il mio problema è che vorrei che il post-it andasse sotto il menu, invece si posiziona dopo la fine del contenuto principale.

Ecco un po di codice. I tre elementi:

codice:
<nav id="menu" class="floating-box">
                ....
            </nav>
<section id="section" class="floating-box">
                ....
            </section>
<aside id="aside" class="floating-box">
                .....
            </aside>
e ora il css:

codice:
.floating-box {
    float: left;
    margin: 10px;
}
Tralascio il css dei 3 elementi perchè hanno a che fare solo con le loro dimensioni e non il posizionamento. Grazie per il vostro aiuto