En el primer CSS:
Estás definiendo los margenes izquierdos y derechos por separado, de esta manera no vas a conseguir que se centre. Eso debe definirse en una sola propiedad: "margin:auto";.
Otra cosa que no entiendo, es como quieres usar una propiedad "top" si la div no tiene posición "relativa" o"absoluta". Si lo que quieres es asignarle un "margen" arriba, debes usar la propiedad "margin-top".
Entonces quedaría:
Código:
div#bio
{
width: 550px;
height: 250px;
background-color: #5c5c5c;
margin: 275px auto 0px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
overflow: auto;
}
Mmm... la verdad no estoy seguro del problema, pero te recomiendo leer esto:
http://www.ignside.net/man/css/unidades.php
Entonces te darás cuenta, que al poner "font-size: 0.1em;" la fuente es "casi" invisible... personalmente te recomiendo más usar "pt". Sobre el margin, deberías especificarlo en pixeles. En cuanto a la fuente, no estoy seguro, pero quizá debas hacerlo de ésta forma: " font-family: tahoma, arial, sans-serif; ".
Saludos.