Cet exemple est obsolète.
Problèmes avec les marges et les rembourrages comme ça ont été un problème avec le modèle de boîte cassée de IE5. Dans les versions ultérieures de IE, vous obtiendrez uniquement ce modèle de boîte brisée si IE est au quirks mode. C'est quelque chose que vous devriez éviter à tout prix. Utilisez le bon type de document!
L'exemple que vous avez lié réellement repose sur sur ce modèle de boîte brisée. Il a une version mise à jour qui n'a pas: http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
Mais quel genre de problèmes IE êtes-vous réellement en train d'essayer? Voulez-vous spécifiquement une disposition de 3 colonnes comme dans la page que vous avez liée? Voulez-vous des solutions générales pour les problèmes de mise en page IE? Ou voulez-vous pouvoir oublier complètement IE?
La chose la plus importante à connaître en matière de disposition et IE6/7 est sa propriété hasLayout. Lire On having layout pour tous les détails à ce sujet.
Si vous recherchez spécifiquement des outils pouvant vous aider à créer des mises en page complexes compatibles avec tous les navigateurs, vous pouvez consulter les structures de grille telles que YUI Grids ou Blueprint. Mais je ne peux pas dire que je suis un fan de ceux-ci, car ils ont tendance à aboutir à la soupe div non-éthique.
Si cela ne vous dérange pas un peu de JavaScript (expérimental) pour réparer votre site web automatiquement, vous pouvez essayer IE7.js. Je l'ai utilisé, mais il a certainement ses limites et ses limites, alors utilisez-le à vos risques et périls.
Pour revenir à votre question initiale, le positionnement relatif n'est pas la solution ultime pour quoi que ce soit, ce n'est qu'un des outils de la boîte. Comprenez-le et utilisez-le quand c'est approprié. Voir, par exemple, Sitepoint's CSS layout and formatting reference. Et aussi sec que cela puisse être, je trouve la spécification CSS d'une valeur inestimable, en particulier les chapitres sur le visual formatting modeldetails.