problem z menu [CSS],[HTML],[PHP],[JAVA]

[dodi2011]

poprawiłem trochę to menu angielskie zostało mi je jeszcze wyśrodkowac tylko co z tym polskim ? załączam kod style.css

Kod:

html, body
{
    background: #e0d5ba url(../img/bg_pattern.jpg) repeat scroll 50% 50%;
    color: black;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family:tahoma,verdana,arial;
    font-size:11px;
    position: relative;
}

a {text-decoration: none; color: black;}
a:hover {text-decoration: none;}
a:focus {outline: none;}

* {margin: 0;}

html{overflow: auto;}

div, img{border: 0 none;    margin: 0;    padding: 0}

p {padding: 0px; margin: 1em 0px;}

html, div, map, dt, isindex, form {display:block;}

input,textarea, select { border: none; background-color: white; color: black; line-height: 18px; padding: 3px;}

#right ul {padding-left: 30px;}

#right ol {padding-left: 30px;}

.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }

div#top_bg { width: 100%; position: absolute; min-height: 100%; height: auto !important; height: 100%; margin: 0; z-index: 1; top: 0px; left: 0px;
    background: transparent url(../img/top.png) repeat-x scroll 0 0;}

div#top_distance  {display: inline;float: right;height: 50%;margin-top: -285px;width: 100%;}

div#container{text-align: left;display: block; clear:right; height: 569px;margin: 0px auto;position: relative;width: 1000px; z-index: 2; background: transparent url(../img/rama.png) no-repeat scroll 0 0;}

div#push {height: 569px; width: 10px;}

a#logo{ width: 360px; height: 120px; display: block; margin: 0px 320px 0px 320px;}


#menu {padding: 0px 50px 0px 100px; display: block; width: 770px; height: 35px;}
#menu li{ list-style-type: none;  padding: 0;  margin: 0;  display: block;
  float: left;  text-align: center;  text-indent: -2000em;  cursor: pointer;}
#menu li a{display: block; height: 35px;}

.pl #menu #bagatelle a{width: 145px; background: transparent url(../img/menu.pl.png) no-repeat scroll -30px 0px;}
.pl #menu #bagatelle a:hover {background-position: -30px -35px}
.pl #menu #menui a{width: 90px; background: transparent url(../img/menu.pl.png) no-repeat scroll -154px 0px;}
.pl #menu #menui a:hover {background-position: -154px -35px}
.pl #menu #galeria a{width: 100px; background: transparent url(../img/menu.pl.png) no-repeat scroll -225px 0px;}
.pl #menu #galeria a:hover {background-position: -225px -35px}
.pl #menu #obsluga a{width: 165px; background: transparent url(../img/menu.pl.png) no-repeat scroll -312px 0px;}
.pl #menu #obsluga a:hover {background-position: -312px -35px}
.pl #menu #napisali a{width: 155px; background: transparent url(../img/menu.pl.png) no-repeat scroll -460px 0px;}
.pl #menu #napisali a:hover {background-position: -460px -35px}
.pl #menu #kontakt a{width: 115px; background: transparent url(../img/menu.pl.png) no-repeat scroll -595px 0px;}
.pl #menu #kontakt a:hover {background-position: -595px -35px}


.en #menu #bagatelle a{width: 125px; background: transparent url(../img/menu.en.png) no-repeat scroll -30px 0px;}
.en #menu #bagatelle a:hover {background-position: -30px -35px}
.en #menu #menui a{width: 87px; background: transparent url(../img/menu.en.png) no-repeat scroll -152px 0px;}
.en #menu #menui a:hover {background-position: -152px -35px}
.en #menu #galeria a{width: 105px; background: transparent url(../img/menu.en.png) no-repeat scroll -219px 0px;}
.en #menu #galeria a:hover {background-position: -219px -35px}
.en #menu #obsluga a{width: 100px; background: transparent url(../img/menu.en.png) no-repeat scroll -308px 0px;}
.en #menu #obsluga a:hover {background-position: -308px -35px}
.en #menu #napisali a{width: 100px; background: transparent url(../img/menu.en.png) no-repeat scroll -390px 0px;}
.en #menu #napisali a:hover {background-position: -390px -35px}
.en #menu #kontakt a{width: 100px; background: transparent url(../img/menu.en.png) no-repeat scroll -475px 0px;}
.en #menu #kontakt a:hover {background-position: -475px -35px}

div#content { margin: 23px 49px 0px 45px; width:907px; height:327px; position: relative;}

iframe#ramka { overflow: hidden; width:907px; height:327px; border: none;}

div#loader { width:907px; height:327px;left:0;position:absolute;top:0;
background:#e0d5ba url(../img/loader.gif) no-repeat scroll 50% 50%;}

div#ramka_bg { left:0;position:absolute;top:0; width:907px; height:327px; background: transparent url(../img/inner.png) no-repeat scroll 0px 0px; z-index: 1;}


#footer { width: 940px; text-align: center; margin: 15px 30px 5px 30px;}

#footer p {margin: 0px;}

#ad_logo {float: right;    }