centrerad div flyttar sig

Jag har en centrerad div som håller all annan kod..
Men när den får så mycket innehåll så att browsern måste lägga till en högerscroll så flyttas diven en bit till vänster (inte i explorer dock)... Finns det någon kod som gör så att den inte flyttar sig?

html { 
	min-width: 750px;
	 }

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background-color: #F8F8E7;
	color: #4C4C42;
	font: "Lucida Grande;
	}

div#centrerad {
	background-color: #F9F9F5;
	width: 748px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-left: 1px solid #EDEDDD;
	border-right: 1px solid #EDEDDD;
	}

Jag vet att jag skulle kunna sätta min-height på div#centrerad men finns det inget annat sätt. Kanske tvinga fram scrollern eller?

Jag löste det genom att sätta min-height 101% i html och body!!

Finns det någon bättre lösning?

html { height:100%; padding-bottom:1px; }

...funkar också, samt:

html { overflow:scroll; }

...fast då får du en vertikal scoll också. I IE och Fx1.1 kan du använda

html { overflow-y:scroll; }

och för tidigare versioner av Fx får du använda

html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; }

fast overflow:-moz-scrollbars-vertical; funkar inte riktigt som overflow-y:scroll, eftersom det eliminerar den vertikala rullningslisten...

Vet dock inte hur man får dit en scrollbar i Opera utan att ha "för mycket" i höjd.