Probléme de déroulement

Fermé
Kevin - 21 mai 2010 à 11:26
Bonjour, j'aurais besoin d'un petit coup de main sur mon code je ne comprend pas pourquoi mon défilement n'est pas réalisez
Voici le code:
<div id="menuBg">
<a href="Plan.html#L'institution" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu0"><span class="ui-icon ui-icon-triangle-1-s"></span>L'institution</a><div id="menu00" class="hidden"><ul><li><a href="Plan.html">Présentation</a><ul><li><a href="L'institution-Presentation-Siege.html">Siège</a></li><li><a href="L'institution-Presentation-Com-com_en_chiffres.html">Com-com en chiffres</a></li><li><a href="L'institution-Presentation-Historique.html">Historique</a></li></ul></li><li><a href="L'institution-Assemblees.html">Assemblées</a></li><li><a href="L'institution-Competences&Actions.html">Compétences/Actions</a></li><li><a href="L'institution-Budget.html">Budget</a></li><li><a href="L'institution-Archives.html">Archives</a></li></ul></div><a href="Plan.html#Communes" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu1"><span class="ui-icon ui-icon-triangle-1-s"></span>Communes</a><div id="menu10" class="hidden"><ul><li><a href="Communes-Andelaroche.html">Andelaroche</a></li><li><a href="Communes-Barrais_Bussolles.html">Barrais Bussolles</a></li><li><a href="Communes-Bert.html">Bert</a></li><li><a href="Communes-Billezois.html">Billezois</a></li><li><a href="Communes-Droiturier.html">Droiturier</a></li><li><a href="Communes-Isserpent.html">Isserpent</a></li><li><a href="Communes-Lapalisse.html">Lapalisse</a></li><li><a href="Communes-Le_Breuil.html">Le Breuil</a></li><li><a href="Communes-Perigny.html">Périgny</a></li><li><a href="Communes-St_Pierre_Laval.html">St Pierre Laval</a></li><li><a href="Communes-St_Etienne_de_Vicq.html">St Etienne de Vicq</a></li><li><a href="Communes-St_Christophe.html">St Christophe</a></li><li><a href="Communes-Servilly.html">Servilly</a></li><li><a href="Communes-St_Prix.html">St Prix</a></li></ul></div><a href="Plan.html#Espaces jeunes" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu2"><span class="ui-icon ui-icon-triangle-1-s"></span>Espaces jeunes</a><div id="menu20" class="hidden"><ul><li><a href="Plan.html">Conseil des jeunes</a><ul><li><a href="Espaces_jeunes-Conseil_des_jeunes-Fonctionnement.html">Fonctionnement</a></li><li><a href="Espaces_jeunes-Conseil_des_jeunes-Actions.html">Actions</a></li><li><a href="Espaces_jeunes-Conseil_des_jeunes-Archives.html">Archives</a></li></ul></li><li><a href="Plan.html">Accueils périscolaires</a><ul><li><a href="Espaces_jeunes-Accueils_periscolaires-Maternelle.html">Maternelle</a></li><li><a href="Espaces_jeunes-Accueils_periscolaires-Elementaire.html">Élémentaire</a></li></ul></li><li><a href="Espaces_jeunes-Accueils_extrascolaires.html">Accueils extrascolaires</a></li><li><a href="Espaces_jeunes-Journal_des_jeunes.html">Journal des jeunes</a></li><li><a href="Espaces_jeunes-Activite_theatre.html">Activité théâtre</a></li><li><a href="Espaces_jeunes-Activite_danse.html">Activité danse</a></li><li><a href="Espaces_jeunes-Sports_jeunes.html">Sports jeunes</a></li><li><a href="Espaces_jeunes-La_Zoreille.html">La Zoreille</a></li></ul></div><a href="Plan.html#Bien Vivre" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu3"><span class="ui-icon ui-icon-triangle-1-s"></span>Bien Vivre</a><div id="menu30" class="hidden"><ul><li><a href="Plan.html">Services</a><ul><li><a href="Bien_Vivre-Services-ANC.html">ANC</a></li><li><a href="Bien_Vivre-Services-Dechetterie.html">Déchetterie</a></li><li><a href="Bien_Vivre-Services-Mediatheque.html">Médiathéque</a></li><li><a href="Bien_Vivre-Services-Portage_repas.html">Portage repas</a></li><li><a href="Bien_Vivre-Services-Relais_Services_Publics.html">Relais Services Publics</a></li></ul></li><li><a href="Bien_Vivre-Plan_interactif_com-com.html">Plan interactif com-com</a></li><li><a href="Bien_Vivre-Plan_interactif_Lapalisse.html">Plan interactif Lapalisse</a></li><li><a href="Bien_Vivre-Scolarite.html">Scolarité</a></li><li><a href="Bien_Vivre-Transports.html">Transports</a></li><li><a href="Plan.html">Urbanisme</a><ul><li><a href="Bien_Vivre-Urbanisme-PLU.html">PLU</a></li><li><a href="Bien_Vivre-Urbanisme-ZPPAUP.html">ZPPAUP</a></li><li><a href="Bien_Vivre-Urbanisme-SCoT.html">SCoT</a></li><li><a href="Bien_Vivre-Urbanisme-Charte.html">Charte</a></li><li><a href="Bien_Vivre-Urbanisme-PPRI.html">PPRI</a></li></ul></li></ul></div><a href="./tourisme/index.php" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all">Tourisme</a><a href="Plan.html#Loisirs/Animations" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu4"><span class="ui-icon ui-icon-triangle-1-s"></span>Loisirs/Animations</a><div id="menu40" class="hidden"><ul><li><a href="Loisirs&Animations-Activites_Culturelles.html">Activités Culturelles</a></li><li><a href="Loisirs&Animations-Activites_Sportives.html">Activités Sportives</a></li><li><a href="Loisirs&Animations-Equipements.html">Equipements</a></li><li><a href="Loisirs&Animations-Les_associations.html">Les associations</a></li></ul></div><a href="Plan.html#Entreprendre" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="menu5"><span class="ui-icon ui-icon-triangle-1-s"></span>Entreprendre</a><div id="menu50" class="hidden"><ul><li><a href="Entreprendre-Zones_d'activites.html">Zones d'activités</a></li><li><a href="Entreprendre-Cellule_d'accueil.html">Cellule d'accueil</a></li><li><a href="Entreprendre-Emploi_et_formation.html">Emploi et formation</a></li><li><a href="Entreprendre-Les_entreprises.html">Les entreprises</a></li></ul></div><a href="Journal_Intercommunal-Pays_de_Lapalisse.html" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all">Journal Intercom</a><a href="Marches_public-Pays_de_Lapalisse.html" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all">Marchés publics/DSP</a>
<div id="actualite">
<a href="index2.php?rubrique=actualite">Actualité</a>
</div>

<div class="scrollable">
<!-- root element for the items -->
<div class="items">
<div><p class="title"><align="center">Lapalisse du 01/04 au 29/05</p><p class="contentInfo">
Exposition photographique Rachel et ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1042.html">+ d'infos</a></span>
</p></div><div><p class="title">Lapalisse du 03/05 au 29/05</p><p class="contentInfo">
Exposition "jardiner naturellement"
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1046.html">+ d'infos</a></span>
</p></div><div><p class="title">Servilly le 19/05</p><p class="contentInfo">
Représentation théâtrale de la Troupe ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1027.html">+ d'infos</a></span>
</p></div><div><p class="title">Le Breuil le 20/05</p><p class="contentInfo">
Ciné itinérant à 20h30
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1028.html">+ d'infos</a></span>
</p></div><div><p class="title">St Pierre Laval le 21/05</p><p class="contentInfo">
Ciné itinérant à 20h30
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1029.html">+ d'infos</a></span>
</p></div><div><p class="title">Le Breuil le 23/05</p><p class="contentInfo">
Tournoi de sixte à 14h
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1031.html">+ d'infos</a></span>
</p></div><div><p class="title">Lapalisse le 23/05</p><p class="contentInfo">
Brocante Vide-grenier 6h-19h
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1030.html">+ d'infos</a></span>
</p></div><div><p class="title">Andelaroche le 24/05</p><p class="contentInfo">
Concours de pétanque à 14h
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1032.html">+ d'infos</a></span>
</p></div><div><p class="title">St Christophe le 25/05</p><p class="contentInfo">
Représentation théâtrale de la Troupe ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1033.html">+ d'infos</a></span>
</p></div><div><p class="title">Lapalisse le 28/05</p><p class="contentInfo">
Dictée primée à 18h
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1035.html">+ d'infos</a></span>
</p></div><div><p class="title">St Prix le 28/05</p><p class="contentInfo">
Représentation théâtrale de la Troupe ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1034.html">+ d'infos</a></span>
</p></div><div><p class="title">Lapalisse le 29/05</p><p class="contentInfo">
Représentation théâtrale de la Troupe ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1036.html">+ d'infos</a></span>
</p></div><div><p class="title">Droiturier le 30/05</p><p class="contentInfo">
Rallye surprise départ 9h
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1037.html">+ d'infos</a></span>
</p></div><div><p class="title">Le Breuil le 01/06</p><p class="contentInfo">
Ouverture du Point Tourisme
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1047.html">+ d'infos</a></span>
</p></div><div><p class="title">Lapalisse du 01/06 au 31/07</p><p class="contentInfo">
Exposition peinture Brigitte ...
<span style='color:blue; text-align : right; font-size : 10px;'><a href="Evenement-1038.html">+ d'infos</a></span>
</p></div>


<div style="background-color : #33CCFF;"> <p>VACANCES DE PRINTEMPS<span style='color : white; text-align : right; font-size : 10px;'><a href="Breve-211.html">+ d'infos</a></span></div>

<div style="background-color : #33CCFF;"> <p>Camp Nature et Découverte !<span style='color : white; text-align : right; font-size : 10px;'><a href="Breve-218.html">+ d'infos</a></span></div>

<div style="background-color : #33CCFF;"> <p>Prochain Conseil Communautaire le 10 Juin<span style='color : white; text-align : right; font-size : 10px;'><a href="Breve-220.html">+ d'infos</a></span></div>

<div style="background-color : #33CCFF;"> <p>Gala de danse<span style='color : white; text-align : right; font-size : 10px;'><a href="Breve-222.html">+ d'infos</a></span></div>

<div style="background-color : #33CCFF;"> <p>Atelier Théâtre<span style='color : white; text-align : right; font-size : 10px;'><a href="Breve-223.html">+ d'infos</a></span></div> </div>
</div>



</div>


Si vous pouviez m'aidez.
Merci d'avance.