Селекторы CSS3 не работают в FF и Opera?

Question

Я бы хотел стилизовать один элемент span, сгенерированный Rich face:

<td class="rf-tb-itm" id="j_idt7:logoutLink_itm">
      <span class="topmenulink" id="j_idt7:logoutLink">Logout</span>
</td> 

Я не могу сопоставить весь идентификатор, потому что часть перед точкой с запятой может отличаться. Для тестирования я написал

span[id="j_idt7:logoutLink"]  {
   padding:2pt 10pt !important;
   border:1px solid transparent;
   color:grey;
}

и соответствует.
Это также соответствует:

td > span  {
   padding:2pt 10pt !important;
   border:1px solid transparent;
   color:grey;
}

Но почему это не совпадает (в последних версиях Firefox и Opera)

span[id*="logoutLink"]  {
   padding:2pt 10pt !important;
   border:1px solid transparent;
   color:grey;
}

или это?

span[id$="logoutLink"]  {
   padding:2pt 10pt !important;
   border:1px solid transparent;
   color:grey;
}

Есть идеи?

Answer 1

Я знаю, что происходит. Это проблема RichFaces. CSS EL Parser не распознает CSS3. Смотрите вывод JBoss:

08:54:18,235 WARNING [org.richfaces.log.Resource] (http--0.0.0.0-8080-6) Problem parsing 'css/default.ecss' resource: Error in attribute selector. Invalid token "*". Was expecting one of: <S>, "=", "]", "~=", "|=".
08:54:18,236 WARNING [org.richfaces.log.Resource] (http--0.0.0.0-8080-6) Problem parsing 'css/default.ecss' resource: Ignoring the whole rule.

Это работает, когда я использую "настоящий" файл CSS, а не этот EL CSS.