Horizontale und Vertikale Ausrichtung

Poof

Hay,
ich glaube ich bin einfach zu doof dazu.
Ich möchte dass ein DIV Element horizontal und vertikal zentriert wird. Habe schon alle Google Seiten zu diesem Thema durchforstet, doch nix funktioniert so richtig.
Derzeitiger Code:
HTML:

HTML

<!DOCTYPE html>


<html>
<head>
	<title>Homepage</title>
	<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body background="img/hintergrund.jpg">
	<div id="center">
		<div id="ebene">

		</div>
	</div>
</body>
</html>

Alles anzeigen

CSS:

Code

#ebene {
	width: 700px;
	height: 500px;
	background: #CAFF70;
	opacity: 0.5;
	border: 1px solid #666;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
}

Wie schaffe ich es nun dass das Element auf allen Auflösungen an der selben Stelle, also in der Mitte ist?

Jetzt mitmachen!