Menu poziome div + css

[implossive]

Witam, jestem nowy na tym forum i zaczynam zabawę z css.
Chciałbym zrobić menu poziome, wyśrodkowane i złączone ( oczywiscie obrazkowe) chodzi mi o takie coś http://wolle.unl.pl/poziome/ ( dokladnie o takie :] ), tyle że chciałbym aby to było złączone..
kod css :
ul li {
display: inline;
white-space: nowrap;
padding:0;
border-spacing:0;
}

kod index
http://wolle.unl.pl/poziome/

Proszę o pomoc..

[Labsta.com]

Podmianę obrazków zrób lepiej w CSS, tu masz tutka http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css
Dla li daj margin: 0;.

[implossive]

Ale mi chodzi o to, aby to menu było złączone a tak nie jest,(coś jak cellspacing="0") jedyny sposób połączenia jaki mi działał to było float:left, ale gdy to zrobie to menu znajduje się na lewej stronie i nie da się tego wyśrodkować..

[virus4]

Mi te strony nie działają ale domyślam się o co chodzi. Może display: inline; pomoże? Tylko wtedy nie będziesz mógł ustalić szerokości.

[Labsta.com]

Zrób tak:
Wywal to center, tak się nie robi. Najlepiej jak całą stronę otoczysz div id="wrap" i nadasz mu szerokość oraz margin: 0px auto;

Kod:

#menu {
width: 960px; /*Menu nadaj odpowiednią szerokość jeśli nie użyjesz tego wrapa */
}

ul {
overflow: hidden;
margin: 0px auto;

}

ul li {
display: inline-block;
white-space: nowrap;
padding:0;
border-spacing:0;
float: left;    
}

[implossive]

Wielkie dzięki !! Działa elegancko.