Scroll horizontal dans un "tableau"

Bonjour,

Je vais essayer de vous exposer mon problème le plus clairement possible :

Sur ma page, j'ai deux parties :
- Un <div> menu à gauche qui occupe 13% de la place
- Un <div> principal (à droite donc) qui occupe 87% de la place
Ces informations sont spécifiées par mes soins dans la feuille de style liée à la page.

Bien entendu, selon l'item cliqué dans le <div> menu, la page correspondante s'affiche dans le <div> principal. Le tout géré par des "include".

Tant que les informations à afficher n'occupe pas toute la largeur de la page, aucun problème.
Mon problème survient lorsque je souhaite créer un tableau dont le nombre de colonne est trop grand pour être affiché sur une seule ligne.

Je précise que je n'utilise pas la balise <table> ou de <th> <tr> ou autre <td>, mais plutôt un <span></span> pour simuler la balise <tr> et de nouveau un <span></span> pour simuler chaque cellule. soit :

<span>
<span>Ligne 1 Cellule 1</span>
<span>Ligne 1 Cellule 2</span>
</span>
<span>
<span>Ligne 2 Cellule 1</span>
<span>Ligne 2 Cellule 2</span>
</span>

Le tout ayant des styles appliqués à chaque span et les cellules ont des largeurs fixes.
Bien entendu ce tableau de 2 cellules n'est qu'un exemple, j'ai des tableaux de 15/20 colonnes.
Ce que je ne souhaite pas : les 10 premières cellules sur la premiere ligne et les dernieres à la ligne suivante et la seconde ligne de cellules qui enchaine derriere.
Ce que je souhaite :  les 15/20 cellules s'affichent sur une seule ligne avec la scrollbar horizontale qui s'affiche pour qu'on puisse voir toute la ligne.

J'espère avoir été clair, merci d'avance pour votre aide !

Cordialement,

Shivan0910

"la vitesse de la lumière est supérieure à celle du son, c'est pourquoi un imbécile parait intelligent jusqu'a ce qu'il parle !!"

N'importe où. 
mais là où il le faut.