Scritte che escono dal suo div

[ventus85]

Alcune scritte non vanno a capo automaticamente (la maggior parte delle volte si), quindi vanno a finire nell'altra parte, come si vede in figura:

Per farvi capire come l'ho strutturato allego i codici con gli stili.
File index.php

Codice: [Seleziona]

[...]
<div id="container">
<div id="header">
[...]
<div id="content">
  <div class="col01">
<jdoc:include type="component" />
</div>
  <div class="col02">
[...]
In parole povere sotto all'header ho la parte content divisa in due parti (col01 e col02) una più larga (quella a sinistra) e una più stretta (a destra), come in figura:

File css

Codice: [Seleziona]

#container {
width:820px;
margin:0 auto;
position:relative;
height:290px;
}
#content {
width:800px; /*80%;*/
margin:0 auto;
padding-top:30px;
padding-left:10px;
padding-right:10px;
}
#content .col01 {
float:left;
padding-left:5px;
width:70%;
}
#content .col02 {
float:right;
width:220px;
line-height:16px;
padding-left: 15px;
}
[...]
Ho provato a mettere anche tutte le width fisse, ma le scritte scappano fuori lo stesso.
Secondo vuoi cosa ho sbagliato o non impostato?
Poi non capisco con che criterio mi fa andare fuori le scritte.
Ora quella nell'esempio è una tabella a due colonne e posso anche capire ma mi faceva la stessa cosa con un articolo normalissimo che non aveva nulla, solo scritte mentre per tutto il resto va da capo in modo automatico e non "strabocca".
Chissà quali sono questi oscuri motivi... 
Grazie.

[conti1]

ciao
secondo me sono le immagini che fanno fare quel tipo di effetto  fa sbordare troppo  e il css non sa piu che fare , questa e solo una mia teoria.

[ventus85]

E' quello che ho pensato anche io, ma te l'ho detto me lo ha fatto un'altra volta anche con un articolo di solo testo...