Mi conciencia no me dejó descansar al ver el código, así que tuve que corregirlo
Código HTML:
<html>
<head>
<title>Conocenos</title>
<style type="text/css">
body{
background-color: #f90 /* bgcolor="FF9900" */
}
#contenedor{
margin: 0 auto; /* div align="center" */
}
.barradesp{
color: #ff88e7;
background-color: darkblue;
width: 100px;
height: 100px;
overflow: scroll;
border: 4px ridge red;
SCROLLBAR-FACE-COLOR: black;
SCROLLBAR-HIGHLIGHT-COLOR: black;
SCROLLBAR-SHADOW-COLOR: white;
SCROLLBAR-3DLIGHT-COLOR: #daf;
SCROLLBAR-ARROW-COLOR: #9c3;
SCROLLBAR-DARKSHADOW-COLOR: white;
}
.parrafo{
text-align: center; /* p align="center" */
font: tahoma 2em; /* font face=tahoma size=2 */
color: #9c3; /* font color="#99cc33" */
}
</style>
</head>
<body bgcolor=#FF9900>
<div id="contenedor">
<div class="barradesp">
<p class="parrafo"><strong>
O asi tambien pero si tu quieres cambiare adelante
</strong></p>
</div>
</div>
</body>
</html>
Se que se ve más largo, pero solo le di enters a los estilos para que se leyera mejor; es lo mismo. Dejé comentarios en el CSS para que vieran donde están las diferencias
Por cierto, creo que las propiedades del Scroll no son válidas y solo sirven en IE
Suerte