Jak wysrodkowac menu w css

[KowR]

Hmmm...

1. Tak to wygląda poprawione:

Kod:

<div id="top">
    <div id="naglowek">
        Nagłówek szablonu
   </div>

  <div id="menu">
      <ul>
        <li><a href="czcionki.html">O nas</a></li>
        <li><a href="tekst.html">Produkt</a></li>
        <li><a href="tlo.html">Kontakt</a></li>
      </ul>
    </div>  

    <div id="tresc">
          Treść strony
    </div>

    <div id="stopka">
         <img src="graf/stopka.jpg" alt="stopka" />
    </div>
</div>

2. CSS

Kod:

body {
background:url(../graf/tlo.jpg) repeat- x #E7E5E6;
color:#000000;
margin:0px;
padding:0px;
text-align:center;

img {
margin:0px;
padding:0px;
border:none;
}

div#top {
margin:0px auto;
padding:0px;
text-align:center;
width:960px;
}

div#naglowek {
background-color:#888888;
text-align:left;
width:960px;
min-height:50px; /* do skasowania ;] jeżeli nie chcesz */
float:left;
display:block;
}

div#menu {
background-color:#000000;
text-align:center;
width:960px;
float:left;
display:block;
}

div#menu ul {
margin:0px;
padding:0px;
text-align:center;
display:inline;
list-style-type:none;
}

div#menu ul li {
margin:0px;
padding:0px;
text-align:center;
display:inline;
list-style-type:none;
}

div#menu ul li a {
color:#ffffff;
text-decoration:none;
}

div#menu ul li a:hover {
color:#ffffff;
text-decoration:underline;
}

div#tresc {
text-align:left;
width:960px;
float:left;
display:block;
}

div#stopka {
text-align:left;
width:960px;
float:left;
display:block;
}

-------
Pisane z palca, ale powinno działać.