応急処置完了

ヘッダーがズレてるけど、まぁいいや。

/* safari only \*/
html:\66irst-child div.main {
  width: auto;
}
/* end */

なんて明らかに怪しい部分があって
【html:\66irst-child】をググったら
Safariにのみ適用される用にするCSSハックなるものらしく、
しかしSafari3では適用されず表示がずれていた様子。

Safari3ではどの用にCSSハックするかというとやり方は2つあるらしい。

html:not(:only-child:only-child)  div.main {
  width: auto;
}

と

body:last-child:not(:root:root)  div.main {
  width: auto;
}

どっちでもいいみたいね。

Safari以外もハック出来るみたい。

アスタリスクをつけることからスターハックと言われるらしい

* html div  {  
    background: #000;  
}

アンスコつけるからだな。多分w

* html div  {  
    _background: #000;  
}

なまえは無いみたいw
セブンスターハックとか言えばいいじゃんw

*:first-child + html div    {  
    background: #000;  
}

使用率超低いから無視でいいでしょw

html:\66irst-child div  {  
   background: #000;  
}

勉強になったー。