Problème d'un div avec un float

Bonjour j'ai un souci avec le position d'un div.
J'ai un texte avec une image qui est placée avec un float left.
Ci dessous j'ai un cadre d'un menu, mais celui ci est mal placé car il est en dessous de l'image en float.
Et moi j'aimerais que n'importe comment (donc que l'image fasse 10px de hauteur ou 100px), le menu soit toujours en dessous de l'image en float.

Voici en gros le bug :
http://www.imagup.info/images/05/1191055204_bug-float.jpg

Moi j'aimerais que le cadre bleu (liste des cours) soit placé dans le cadre rouge.
Merci d'avance de vos réponses.

Code de l'image:

<div style=\"float:left; padding:5px;\"></div>

Code du menu:

#titre-news {
        height: 20px;
        line-height: 20px;
        background-image:url(../images/fond-titre.jpg);
        border-top: 1px solid #94a9c4;
        border-bottom: 1px solid #94a9c4;
        color: #3b5e8e;
        font-weight: bold;
        margin-top: 5px;
        margin-left: 1px;
        margin-right: 1px;
        text-indent: 15px;
}

Bonjour et bienvenue sur Alsacréations ,

Un petit tour dans la FAQ devrait t'apporter des réponses, par exemple: Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?