Que tal,
Le agregué a tu clase lo necesario para centrar la barra. Considero que con el único div que tienes puedes centrarlo. Solo cambia tu clase por la siguiente:
Código:
.UsuarioForo {
border: thin solid #A9A9A9;
background-color:#E6E6E6;
top: 50%;
left: 50%;
height: 150px;
width: 250px;
margin-top: -75px;
margin-left: -125px;
position: absolute;
}
A continuación te explico el efecto que tienen las propiedades que agregué:
top: 50%; /* Posicionas tu Clase a la mitad de la pantalla a partir del borde superior */
left: 50%; /* Posicionas tu Clase a la mitad de la pantalla a partir del borde izquierdo */
margin-top: -75px; /* Restas la mitad de la altura del div a la propiedad "top" para que tu div se centre desde el centro de la imagen y no del borde */
margin-left: -125px; /* Restas la mitad del ancho del div a la propiedad "left" para que tu div se centre desde el centro de la imagen */
position: absolute; /* El centrado es "absoluto" a la pantalla y no relativo a algun otro elemento (div, imagen, tabla, etc) */
Saludos,