Questo è il css

@charset "utf-8";
/* CSS Document */

/*Impostazioni del div container, dichiarato con id */
#container {
width:98%;
height:98%;
backgroundrange;
text-align:center;
font-size:18px;
position: absolute;
}

#mainbar {
background-position:center;
background:#30F;
text-align:center;
position:absolute;
}

#body { text-align:center;
}

questo è .html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<link rel=stylesheet href="prova.css" type="text/css">
<head>
</head>
<body>
<div id="container">
<div id="mainbar" align="center">


Scegli una delle seguenti opzioni per collegarti al blog:</p>


PC Desktop</p>


Mobile Touch</p>


Mobile NoTouch</p>
</div>
</div>
</body>
</html>

Devo centrare la mainbar. Come posso fare?