En effectuant quelques tests, je me suis rendu compte qu'on peut très facilement donner des marges au contenu d'un div en utilisant le padding.
Mais la difficulté, c'est que Mozilla, lui, agrandit le div en rajoutant ce fameux padding...
 
J'en déduis que pour le moment, la seule manière crossbrowser de faire des marges est d'imbriquer 2 divs. Qu'en pensez-vous ?

Recherches faites, c'est en fait IE qui foire (on s'en serait douté), car d'après le W3C, width et height agissent normalement sur le CONTENU du div et non sur le div lui-même. Donc Moz et Opera suivent les recommandations en ajoutant le padding à la largeur et à la hauteur du contenu du div.
 
Voili. D'après ce que je lis ici ou là, la solution des 2 divs imbriqués est la seule qui soit réellement valable.
 

C'est pas le box model hack ça ?
http://openweb.eu.org/articles/dimensions_boites_css/
 
EDIT: il se peut que je sois à côté de la plaque !

 
Oui tout à fait, mais c'est une solution pourrite. La seule soluce vraiment correcte, c'est d'utiliser 2 divs (hélas).

Un text-indent pourrait faire l'affaire... si tu n'as qu'une ligne de texte