Can't select certain classes - don't know why

I am trying to select the tables on the following page with the class type "contentTablePetite". Even when I try to highlight the elements using Element Preview, it says 'Selected Element Count 0'. Selecting "formTablePetite" works just fine. Can anybody tell me why I can't select this element?

Thanks!

Url: DailyMed - ROCURONIUM BROMIDE injection

Sitemap:
{"_id":"dailymed_test","startUrl":["DailyMed"}]}

Am I doing something silly?

Here's the HTML I was looking at in 'View Source':

                            <li >
                                <a href="#" id="anch_dj_dj-dj_23" class="">INGREDIENTS AND APPEARANCE</a>
                                
                                <div class="DataElementsTables toggle-content closed long-content scrollingtable">
ROCURONIUM BROMIDE
rocuronium bromide injection

Here's the table I want to select (there's two of them), at the bottom of the page:

I've discovered I can select the tables correctly using this selector: table:contains('rocuronium bromide injection')

But that's the name of the drug and there could potentially be lots of tables on other pages containing the drug name, so I suspect that's only valid for this specific page.

Thanks for helping :slight_smile:

Sorry, here's the HTML in question - I hope that formats it correctly!

<div class="scrollingtable">
                            
                                <li >
                                    <a href="#" id="anch_dj_dj-dj_23" class="">INGREDIENTS AND APPEARANCE</a>
                                    
                                    <div class="DataElementsTables toggle-content closed long-content scrollingtable">
<table cellpadding="3" cellspacing="0" class="contentTablePetite" width="100%">