CSS tables: changing background on hover, including alternative rows <p>I have created a sample page with a table. Should the page get deleted in the future, <a href="http://pastebin.com/QS3UG51i" rel="nofollow">here's</a> the code on Pastebin.</p> <p>I want to highlight table rows on hover. It works for normal tr but it doesn't work for tr.alt (odd rows).</p> <p>Code for highlighting:</p> <pre><code>tr:hover,tr.alt:hover { background: #f7dcdf; } </code></pre> <p>Code for making odd rows different colour:</p> <pre><code>tr.alt td { background: #daecf5; } </code></pre> <p>Any ideas how this could be fixed? Thank you very much in advance!</p>