Max Height Auto for Chat on Right

[iac]

I'm using the Labs plugin that moves Chat to the right. This gives you all that space to work with in a new column, but I can't seem to get the custom css to change the CSS max-height rule for the applicable div from "200" to "auto". I'm using the following:

html.cQ body.cP div div.nH div.nH table.Bs tr td.Bu div.nH div.T0 div.pS div#:x6.pt div.vz{max-height: auto !important;}

If you do it by hand (via inspect element), it works beautifully.

Anybody know what I'm doing wrong here?

THANKS!

[Ansel Santosa]

Well from the selector you've provided I can tell you that #:x6 doesn't work. Because of a limitation in most CSS interpreters, the ":" character messes it up. You'll have to try an alternative such as:

[id = ":x6"]

Although it's usually best to avoid it completely if possible.

If you attach a screenshot of the Element Inspector highlighting the element that you're talking about I may be able to provide some further guidance. 

[iac]

Thanks Ansel! Here's a screencap. Many thanks for any insights!

[Ansel Santosa]

Hmm interesting. I wonder what the difference is between our two setups. There are some slight differences in our selectors and I don't have the same max-height restriction on my chat list. Maybe because I don't have enough contacts visible to overflow?

You should try just .vz {max-height: auto !important;}

I believe .vz is a unique class

[iac]

Thanks for trying! Still can't get it working, even after disabling a
bunch of labs. Will keep trying and report if I get it figured.

[Michiel Helvensteijn]

You might try 'none' instead of 'auto'. I just put the following in Minimalist's custom CSS, and it works fine:

div.vz {

    max-height: none !important;

}

[udma gheorghe]

 salut pe totii membri grupului.