Internet explorer ...

[Kern]

OK hab es überarbeitet :

ul#Navigation      {
    font-size:15px;
    width: 93px;
    margin: 0px;
    padding: 0px;
           }

ul#Navigation li     {
    margin: 0px;
    padding: 0px;
    height:35px
        }

ul#Navigation a     {
    display: block;
    font-weight:bold;
    padding:7px;
    border:1px solid #9c9c9c;
         }

ul#Navigation a:link    {
    color:#202055;
    background-color: #9c9c9c;
        }

ul#Navigation a:visited   {
    color: #202055;
    background-color: #9c9c9c;
       }

ul#Navigation a:hover    {
    color: #000000;
    background-color: #8b8b8b;
    border:1px solid #ffffff;
    border-left-color: #000000;
    border-top-color: #000000;
        }

ul#Navigation a:active   {
    color: #000000;
    background-color: #8b8b8b;
    border:1px solid #ffffff;
    border-left-color: #000000;
    border-top-color: #000000;
        }

<ul id="Navigation">
         <li><a href="members.htm">Home</a></li>
         <li><a href="members.htm">News</a></li>
         <li><a href="members.htm">Wars</a></li>
         <li><a href="members.htm">Members</a></li>
         <li><a href="members.htm">Forum</a></li>
         <li><a href="members.htm">G&auml;stebuch</a></li>
         <li><a href="members.htm">Fight Us</a></li>
         <li><a href="members.htm">Intern</a></li>
        </ul>

Aber was kann ich gegen mein eigentliches Problem tun?
Ich will das man nur über den "Block-Bereich" fahren muss um den Hover-Effekt zu erzielen, in meinem Beispiel MUSS man über den Text fahren.