A déborde du div !

Salut,
j'ai mon texte qui déborde du div....snif...:cry:
En fait je veux faire 2 colonnes : à gauche le message, à droite la réponse correspondante.
Etant une bite en CSS, voici le code que j'ai pondu..(aie ça pique les yeux 8O ) (j'ai toujours rien compris au positionnement en CSS, d'où d'abord ma colonne de droite (div id=reponse) puis celle de gauche)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div id=reponse>Réponse</div>   <div id=message> <p id=date>2006-12-12</p> <p id=auteur>bla</p> <p id=texte>essai</p> </div>   <div id=reponse>Pas de réponse</div>   <div id=message> <p id=date>2006-01-16</p> <p id=auteur>Anonyme</p> <p id=texte>Essai de plusieurs lignes 2 eme ligne 3 eme ligne tactatatatatatatatatatatatatatatatatatatattactatatatatatatatatatatatatatatatatatatat</p> </div>

---

Avec en CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

#reponse { position:relative; float:right; border: solid 1px #FF0000 ; font-family:verdana, sans-serif; font-size:80%; color:blue; background-color:yellow; width: 40%; margin: 10px; }     #message{ border: solid 1px #FF0000 ; font-family:verdana, sans-serif; font-size:100%; border-style:solid; width: 40%; margin: 10px; }

---

et en fait c'est le "tatatatatatatat" qui déborde.
Merci !

C'est tout à fait normal, il n'y a pas d'espaces dans le mot.

:oops:

Merci, tu m'as évité une belle prise de tête.