Centrera div som jag inte vet bredden på?

Jag har en div som är 80% av body bredden, alltså vet jag inte det exata pixel värdet, denna vill jag centrera i webbläsaren så det blir 10% av bakgrundsfärgen lyser igenom, hur gör jag?

Sätt margin på den.

#hemlig-div {margin: 0 auto}

Sen för att det ska funka i IE5, så lägger du till

body { text-align: center; }

Det är lika bra att jag ber om hjälp hela vägen... jag har denna kod som fungerar i Firefox och andra standardläsare men inte IE.
Målet

Hur ser koden ut för denna layout som ska vara flytande och ska fungera i alla webbläsare... :)

Där den svarta delen är backgrundfärg och den grå och vita är lager.

Ingen aning om detta blir som du önskar...

		body {
			text-align: center; /* för IE5 */
		}
		#wrap {
			background: #ccc; /* ser inte vilken färg... */
		}
		#top {
			height: 20px;
			background: black;
		}
		#main {
			width: 90%;
			margin: 0 auto;
			background: white;
			text-align: left;
		}
		#bottom {
			height: 20px;
			background: black;
		}
		#main p {
			margin: 0;
			padding: 0;
		}

<div id="wrap">
	<div id="top">&nbsp;</div>
		<div id="main">
			<p>Text... lorem ipsum *lol*. </p>
		</div>
	<div id="bottom">&nbsp;</div>
</div>

Nej det blev det inte... ;)
Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..

Din kod blev
svart
grått
svart

mattias_ym skrev:

Nej det blev det inte... ;)
Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..

Din kod blev
svart
grått
svart

Kolla min redigering. Jag hann nog ändra när du skrev. :) Färgerna kan du ändra själv.

Jodå nu är fälten rätt men den är typ 60 pixlar hög... ;)

mattias_ym skrev:

Jodå nu är fälten rätt men den är typ 60 pixlar hög... ;)

Hur hög ska den vara då? Du sa ju bara flytande horisontellt. ;)

Så här ska det vara...

			html {
				height: 100%;
			}

			body {
				text-align: center; /* för IE5 */
				height: 100%;
				margin: 0;
				padding: 0;
				background: #000;
			}

			#wrap {
				background: #666;
				height: 90%;
				margin: 30px 0 30px 0;
			}

			#main {
				width: 90%;
				height: 100%;
				margin: 0 auto;
				background: white;
				text-align: left;
			}

Men tack för hjälpen! Du fick mig på rätt spår! :)