Je m'en remet à vous après avoir tout essayé pour résoudre ce problème, mais sans succès. Considérons ce code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<html>
<head>
    <title>Titre de la page</title>
</head>
<body>
    <span id="lbl1">Ce texte représente une phrase qui se termine par un espace insécable&nbsp;<img style="border-width: 0px;" src="chemin/Puce.gif" title="Champ obligatoire" /></span>  
</body>
</html>
Il s'agit d'un span contenant du texte (bien sur) et à la fin une petite image précédé d'un espace insécable. Ce que je veux c'est que quand je rétrécis la largeur de la fenêtre de mon navigateur si l'image doit déborder à la ligne suivante alors l'espace insécable et le mot qui la précède doivent déborder avec elle (c'est le même comportement si on avait un mot à la place de l'image). C'est le comportement que j'obtiens avec IE8 mais avec IE 7 ou Firefox l'image peut déborder toute seule malgré l'espace insécable qui la précède !

Voyez-vous une solution à ce problème ? (idéalement pour moi l'image doit rester à l'intérieur du span)