Implémenter une structure en DIV

Je viens de lever la mise en maintenance du site, après avoir réussi à faire passer tout le site en <div>, y compris le tableau qui permet l'affichage du site en colonnes. J'avais même couplé ces <div> à un script (démo ici) permettant de désactiver la colonne latérale de son choix, pour profiter de l'affichage du cadre central en 100%. Tout fonctionnait sur IE et Fireveau, sauf... un petit détail, que je connaissais déjà : le conflit d'interprétation des largeurs de DIV entre IE et les Mozil'likes.

En effet, les deux familles de navigateurs divergent : IE compte dans la largeur d'une DIV la valeur de width + celle des margins, tandis que Mozilla ne compte que la valeur de width, de sorte qu'une <div> n'a jamais la même taille d'un navigateur à l'autre. Les décalages avaient beau être minimes, ils étaient visibles.

Tant que les navigateurs ne seront pas basés sur les mêmes standards en matière de CSS, le passage en <div> de la structure "tri-colonne" de GuppY sera périlleux (je n'ose imaginer les problèmes posés par Mac et ses navigateurs). J'ai donc conservé l'affichage tabulaire, même si c'est maaaaaal ! A tout prendre, je préfère cette enfreinte aux recommandations des standards plutôt que de me retrouver avec un site démantibulé, illisible et inacessible. J'ai toutefois fait passer le tableau en CSS et étendu la CSS commune avec quelques autres classes permettant d'économiser encore du code.

Saute-Mouton - http://realia.free.fr/sautemouton_avril/newsprt.php?lng=fr&pg=355 - [Version PDF]