Poziome menu obrazkowe !!!PROBLEM!!!

[jim_100]

Witam!

Panowie i Panie proszę o radę z poziomym menu obrazkowy??? o to adres strony: http://www.mojastronka2010.strefa.pl/ nie mogę ustawić menu żeby znajdowało się na środku div-a o id menu! pozycjonuje mi przyciski do lewej strony a ja chcę że w divie menu przyciski były po równo na środku ustawione!!

Proszę o pomoc ewentualnie jeśli całe menu źle zrobiłem to czekam na konkretną poradę jak zrobić to lepiej!!!!

A i jeszcze jedna sprawa: zauważyłem że po załadowaniu strony jak przesuwam po menu to taki dziwny mignięcie obrazka jest a później już zdjęcia ładnie się wczytują bez mignięcia jak pozbyć się tego ????

Poniżej podaje kod CSS:

Kod:

body{
margin: 0px;
padding: 0px;
text-align: center;
background-color: #e0e2d8;
}


div#kontener {
width: 780px;
margin: 0px auto;
text-align: justify;
}


div#naglowek{
margin: 0px;
height: 50px;
}

div#naglowek h1{
margin: 0px;
visibility: hidden;
}






#menu {

border: 1px dashed #CCCCCC;
margin: 0px auto;
width: 780px;
height: 42px;
}


#menu ul {
list-style-type: none;
overflow: auto;
margin: 0px;
padding: 0px;

}



#menu ul li {
float: left;  
margin: 0px auto;
}



#start {
margin: 0px auto;
display: block;
height: 42px;
width: 120px;
background: url('menu-start.png')no-repeat;
}
  #start:hover {
background: url('menu-start-on.png')no-repeat;
}


#oferta {
margin: 0px auto;
display: block;
height: 42px;
width: 120px;
background: url('menu-oferta.png')no-repeat;
}
  #oferta:hover {
background: url('menu-oferta-on.png')no-repeat;
}





#kontakt {
margin: 0px auto;
display: block;
height: 42px;
width: 120px;
background: url('menu-kontakt.png')no-repeat;
}
  #kontakt:hover {
background: url('menu-kontakt-on.png')no-repeat;
}



#blee {
margin: 0px auto;
display: block;
height: 42px;
width: 120px;
background: url('menu-blee.png')no-repeat;
}
  #blee:hover {
background: url('menu-blee-on.png')no-repeat;
}





div#belka {
padding: 0px;
margin: 0px;
height: 16px;
background: transparent url('belka.png') no-repeat;
}


div#tresc {
background: transparent url('tlo-tresc.png') repeat-y;
}


div#tresc h1 {
margin-top: 0px;
margin-bottom: 0px;
}

div#tresc * {
padding-left: 30px;
padding-right: 30px;
}


div#stopka{
height: 110px;
background: transparent url('stopka.png') no-repeat;
}

div#stopka2{
height: 115px;
background: transparent url('stopka2.png') no-repeat;
margin-bottom: 50px;
}


div#tresc p{
margin-bottom: 0px;
padding-bottom: 0px;
}