Change Sorted List Background color
<p>I am currently woking on a small navigation in HTML using CSS.
I have a sorted List with every li element Containing a  link.
I want it to change the background color, when hovering over it. The problem is, that the number telling you the index of the list item won't get changed because "this" background is not part of the li element. <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_list-style_colors" rel="nofollow noreferrer">Example</a></p>

<p><a href="https://i.stack.imgur.com/8KZ4X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8KZ4X.png" alt="ProblemDesc"></a></p>

<p>The ol element, which "owns" this background is the whole list, but I just want that the background of this specific list entry gets changed.<br>
My code is:</p>

<pre><code>.navig a:hover{
    background-color: #555;
    color: white;
}
</code></pre>

<p>and</p>

<pre><code>&lt;ol&gt;
    &lt;li&gt;
        &lt;a href="target.php"&gt;target&lt;/a&gt;
    &lt;/li&gt;
&lt;/ol&gt;
</code></pre>

<p>The navig class is used to make clear that the link belongs to the navigation.</p>

<p>Is there a way to fix this without JScript, or belongs this to the missing "CSS support for parent selecting" thing?</p>