Problème de menu déroulant

Je réalise en ce moment un site web sur l'équitation, j'ai ajouté a gauche du site un menu dépliable ... Seulement mon design ne suit pas quand le menu devient assez long ... Je voudrais que le design s'allonge quand mon menu se déplie. Cela fonctionne sans problèmes sous IE7 ...

Le Site

Et puis j'essaye aussi sans succès de coller le footer en bas de page même si le contenu est minime.

Merci pour vos conseils !

Merci pour vos nombreuses aides ... J'ai néanmoins réussi a corriger mon problème.

Ah? Je le vois encore...

C'est un problème classique de dépassement des flottants:
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html

Dans ce cas précis j'attribuerais sans doute un clear: both à div#footer.