CSS selector works in Firefox but not in IE

Question

Does anyone know why this CSS selector works in Firefox but not in IE7 or IE8?

css=div[style~='visible;'] div[class~='x-combo-list-item']:contains('Test Job')

I'm using this in a Selenium test to find an element on the page.

Edit: The :contains selector is not the problem. I'm using it elsewhere in my tests and it works in IE6, 7, and 8.

Answer 1

Probably because the :contains pseduo-class is a CSS3 addition and whatever version of IE you're using (you didn't specify) probably doesn't support :contains.

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#selectors

Answer 2

I know that Selenium attempts to support all of CSS3 for all browsers in it's selector engine. It may be that it does not support multiple levels of the attribute selectors in IE.

You might be stuck with an XPath "locator" this one

Alternatively, you could try:

div[style~='visible'] .x-combo-list-item:contains('Test Job')

Answer 3

Here is some detailed info about CSS selectors