[CSS] la mise en page change avec le contenu

Bonjour,

Je cherche à faire deux colonnes (un menu + le corps). Le menu doit être à gauche et le corps est sencé ce caler à côté, et, lorsque le menu est plus court que le corps (cas le plus courant), le corps ne doit pas venir sous le menu mais rester à droite.

Avec du lorem ipsum (<p>, <div>, <img ...) , ça marche bien, mais lorsqu'il s'agit du contenu réél ça ne marche plus (pourtant le même type de contenu!) ... Je ne comprend pas...

J'ai fait des tests, et ce n'est pas le javascript qui est en cause, mais c'est bien le contenu de mon corps.

Je ne suis pas sûre que mettre mon code de contenu pourrait aider, en plus il est très long.

code CSS (le même pour le test et le réel):
.menu {
float: left;
width: 30%;
border: 1px solid #000000;
}
.content {
margin-left: 40%;
padding: 1em;
}


Y a-t-il quelqu'un pour m'aider?