Michael W.: zentrieren will nicht klappen

Beitrag lesen

Hallo zusammen!

Ich habe gerade einen Fehler den ich einfach nicht finde. Was ich will ist: zentrieren. Ich habe eine Tabelle, darin eine mit CSS aufgebaute Navigation (aus Selfhtml) Leider ist der linke Abstand zum Rand erheblich größer. Ich weiss aber nicht wieso. kann mir jemand helfen den Fehler zu finden?

Thx

HTML-Code

  
<html>  
<head>  
<title></title>  
<link rel="stylesheet" type="text/css" href="style.css">  
<meta name="author" content="Dieter">  
</head>  
<body>  
  
<div id="Navi">  
  <table>  
    <tr>  
      <td>  
        <ul>  
          <li><a href="home.html" target="content">Home</a></li>  
          <li><a href="#" target="content">Beispiel 2</a></li>  
          <li><a href="#" target="content">Beispiel 3</a></li>  
        </ul>  
      </td>  
    </tr>  
    <tr>  
      <td> bla bla blubb</td>  
    </tr>  
  </table>  
</div>  
</body>  
</html>  

Css:

  
/*Navigation Beginn*/  
   div#Navi {  
    width: 10em;  
    margin: 0; padding: 0.0em;  
    border: 1px solid black;  
    background-color: silver;  
  }  
  
  * html div#Navi {  /* Korrekturen fuer IE 5.x */  
    width: 11.6em;  
    w\idth: 10em;  
    padding-left: 0;  
    padd\ing-left: 0.0em;  
  }  
  div#Navi li {  
    list-style: none;  
    margin: 0.4em; padding: 0;  
  }  
  
  div#Navi a {  
    display:block;  
    padding: 0.2em;  
    text-decoration: none; font-weight: bold;  
    border: 1px solid black;  
    border-left-color: white; border-top-color: white;  
    color: black; background-color: #ccc;  
  }  
  * html div#Navi a {  /* Breitenangaben nur fuer IE */  
    width: 100%;  
    w\idth: 8.8em;  
  }  
  div#Navi a:hover {  
    border-color: white;  
    border-left-color: black; border-top-color: black;  
    color: white; background-color: gray;  
  }  
  div#Navi table {  
   border: 1px solid black;  
   align: left;  
}  
  }  
/*Navigation Ende*/