JSFのsubviewにあるpanelGrid

JSFでsubview（id="panel"）の中にpanelGrid（id="grid"）を置くと，生成されるtableタグには"panel:grid"というidが埋め込まれる。

ところがコロンを含むid名はcss的には不正らしく

#panel:grid {
   ...
}

とやっても，cssの指定が効かない。これはまずい。
色々と調べた結果 panelGrid に id を指定するのをやめて styleClass でクラスを指定するようにすれば回避できた。JSF のオープンソース実装である MyFaces には x:panelGrid があって，forceId というアトリビュートが指定できる（idを固定できる）はずなのだが，これはうまくいかなかった。