Pour ton problème de mélange de "lignes", il faudrait que tu ajoutes l'attribut clear:both; pour forcer un retour à la "ligne" après chaque bloc ligne,
- soit dans la classe "ligne" (excuse-moi de revenir à mes étiquettes perso),
- soit (à tester si les résultats ne sont pas concluants), au titre du dernier bloc de chaque ligne.
Cela devrait résoudre tes points 1 et 2.
Pour le point 3, je ne comprends pas : la taille maximale du bloc conteneur ne peut pas être dépassée par la somme des éléments contenus. A moins que tu ne parles de la "ligne" n°2, que tu voudrais en deux blocs, le premier pour du texte, et le second pour un ensemble de deux photos. A mon avis, la seconde photo passe sous la première, dans ce second bloc, parce que la somme des largeurs des 2 photos fait plus de 33% de celle du conteneur (en résolution 1024x768, donc a fortiori pour les résolutions inférieures). La meilleure solution serait de solidariser les deux photos, c'est-à-dire de les réunir en une seule (par exemple avec PhotoFiltre : focus sur celle de droite, copier, focus sur celle de gauche, édition - collage spécial - assembler le collage - droite).