HTML `<table>` Cell Not Rendering Background Color in Firefox - CSS Specificity Issues
I'm experiencing an scenario where a specific `<td>` in my HTML table is not rendering the background color as expected when viewed in Firefox. I have defined styles in a separate CSS file, and the following is the relevant code for the table: ```html <table> <tr> <td class="highlight">Cell 1</td> <td>Cell 2</td> </tr> </table> ``` In my CSS file, I have the following rule intended to change the background color of the cell: ```css .highlight { background-color: yellow; } ``` This works perfectly in Chrome and Safari, but in Firefox, the cell appears with the default background. I’ve tried using `!important` to force the style: ```css .highlight { background-color: yellow !important; } ``` Still no luck. To troubleshoot, I checked the developer tools and confirmed that the `.highlight` class is being applied correctly, and there are no other conflicting styles overriding it. Additionally, I tried to inspect the computed styles and noticed that the background color is simply not being set at all. I'm using Firefox version 92.0. Is there something specific about how Firefox handles table cell background colors that I might be overlooking? Any suggestions on how to get this working would be greatly appreciated!