Problem mit Navigation

[Innocentus]

Die Frage wurde auch in dem phpforum.de gestellt:
Navigation mit Icon - Seite 2 - Forum: phpforum.de

So sieht das Quelltextfragment jetzt aus:

[...]
<style>
[...]
  ul.Navigation_Horizontal {
    margin: 0; padding: 0em;
    text-align: center;
    width:100%;
  }
  ul.Navigation_Horizontal li {
    list-style: none;
    margin: 0; padding: 0;
    display:inline;
    line-height:30px;
  }
  ul.Navigation_Horizontal a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white;
    background-color:#006699;
    background-image:url('btnHover.png');
  }
  ul.Navigation_Horizontal a:active {
    border: 1px solid red;
    background-color:#0066FF;
    color: #FFFFFF;
    background-image:url('btnActive.png');
    }
  ul.Navigation_Horizontal a {
    float:left; 
    width: 10%;
    text-decoration: none; font-weight: bold;
    border-left-color: white; border-top-color: white;
       text-align:center;
    padding: 0;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #FFCC00;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    text-decoration:none;
    font-weight: bold;
    background-color:#003366;
    background-image:url('btnNormal.png');
    background-repeat:repeat;
    background-position:top;
  }

#icon_home{background: url('/icons/home.jpeg') no-repeat left top;padding-left:40px;background-position:left; margin:0; }
#icon_about{background: url('/icons/about.jpg') no-repeat left top;padding-left:40px;background-position:left; margin: 0; }
[...]
</style>
[...]
<ul class="Navigation_Horizontal">
<li><a id="icon_home" href="home">Home</a></li>
<li><a id="icon_about" href="about-us">About us</a></li>
</ul>
[...]

Nun sieht man zwar die Icons - der Hintergrund ist jetzt aber weiß.
Man kann aber anhand der Ränder den Hintergrund des dahinterliegenden LIs erahnen.

Mit freundlichen Grüßen
Innocentus

Mit freundlichen Grüßen
Innocentus