menu centreren

[dejobse]

Hallo ik heb een probleem met een simpel css menu.
ik begrijp niet dat het me niet lukt maar goed:
html:

<ul id="menu">
	<li><a href="#" title="Home">Home</a></li>
	<li><a href="#" title="Products">Products</a></li>
	<li><a href="#" title="Services">Services</a></li>
	<li><a href="#" title="Support">Support</a></li>
	<li><a href="#" title="FAQ">FAQ</a></li>
</ul>

css:

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;

ik dacht gewoon met text align center en de menu a maar dit werkt niet toen dacht ik ik zet er gewoon een div omheen en deze centreer ik maar dit werkt ook niet...

zou iemand me hiermee kunnen helpen?

alvast bedankt

 

[dejobse]

Het is niet opgelost maar het is ook niet meer nodig

 

[csshunter]

Mooi zo!
De oplossing zou geweest zijn: wel een <div> met {text-align: center;} er omheen, geen {float:left;} voor de <ul>, en geen {float:left;} voor de <li>'s. In plaats daarvan: li {display: linline;}.

 

[dejobse]

De display: inline wist ik niet, daar lag het dus aan, want als ik geen floats deed werkte het niet...

Handig dat ik het nu weet.

weet je hier toevallig ook een antwoord op ^^?

Dank je wel!