Le bug des labels implicites sous IE6 et 7

Je suis tombé ce week-end (je ne sais plus où, mais si vous trouvez, merci de me donner le lien) sur la description d’un bug sous IE 6/7 qui m’avait posé pas mal de problèmes à une époque, et je ne pense pas être le seul à l’avoir subi : la répétition du style des labels sur les input, qui se traduisait le plus notamment par un incompréhensible doublement des marges intérieures et extérieures.

Ce symptôme se produit quand vous cherchez à imbriquer le label et l’input afin de faire du labeling implicite :

<label>Test <input type="text" name="test" /></label>

Internet Explorer 6 et 7 interprète le HTML comme si vous aviez fait :

<label>Test</label>
<label><input type="text" name="test" /></label>

Si vous n’imbriquez pas label et input, Internet Explorer 6 et 7 se comportent normalement :

<label for='test'>Test</label> 
<input type="text" name="test" id='test' />

Si je tenais le type qui a codé ça, je lui facturerais volontiers le temps passé à essayer de comprendre le comportement du couple label / input en cas d’imbrication.