[css] skopany IE 5.x Box Model- jak hack?

[Anonim]

Wiem ze to forum Mozilli, ale liczę ze mi z tym pomożecie. Temat box-model'u poruszany był już wielokrotnie, ale chciałbym poruszyć nieco inną jego kwestię... Mianowicie wiadomo że IE w wersji 5.x źle interpretuje box-model (border-box zamiast content-box). W sieci można znaleźć wiele CSSowych hacków które pozwalają nadać inną szerokość elementu dla tych wersji IE. Z najpopularniejszych:
1. Tantek Box Model Hack

Kod: Zaznacz cały

div.content {
  border:20px solid;
  padding:30px;
  width:400px;  /* for IE5/Win only */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:300px; /* other browsers */
}
html>body .content {
  width:300px; /* opera5 */
}

2. Simplified Box Model Hack

Kod: Zaznacz cały

div.content
{
  border:20px solid;
  padding:30px;
  width: 300px;
}
* html div.content   /* IE only */
{
  width: 400px;   /* for IE5.x/win */
  w\idth: 300px;  /* for other IE versions */
}

3. Jakis inny hack

Kod: Zaznacz cały

div.content
{
  border:20px solid;
  padding:30px;
  width:300 !important;
  width /**/:400px; /* for IE5/Win only */
}

I teraz pytanie. Które z powyższych rozwiązań polecacie? Z którego na codzień korzystacie? A może znacie jakieś inne?