css scroll-box Options

[acidbreeze]

I want to make a box to scroll through on my website

___________________
| . . . . . . . . . . . . . . . . . .|^|
| . . . . . . . . . . . . . . . . . .| |
| . . . . . . . (text) . . . . . . | |
| . . . . . . . . . . . . . . . . . .| |
| . . . . . . . . . . . . . . . . . .| |
|__________________|v|

CODE

<!-- begin code provided by createblog.com -->

head-style-

div {
position:absolute;
overflow-y:scroll;
overflow-x:auto;
left:NUMBER%;
right:NUMBER%;
top:NUMBER%;
bottom:NUMBER%;
width:NUMBER%;
height:NUMBER%;
border:none;
scrollbar-base-color:COLOR;
scrollbar-track-color:COLOR;
scrollbar-face-color:COLOR;
scrollbar-highlight-color:COLOR;
scrollbar-3dlight-color:COLOR;
scrollbar-darkshadow-color:COLOR;
scrollbar-shadow-color:COLOR;
scrollbar-arrow-color:COLOR;
direction:ltr;
font-family:NAME;
font-size:SIZEpt;
color:black;}


body-

<div>(YOUR TEXT)</div>
<!-- end code provided by createblog.com -->

[C.Lime.Jello.]

Blah....

CODE

<!-- begin code provided by createblog.com -->

<div style="
overflow: auto;
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">

<!-- end code provided by createblog.com -->

Replace the # signs with actual numbers.
If you can't get it where you want it with postivie numbers, try using negative numbers.
(EX :: -400)

[sweetxsimplicity]

Actually, he/she wanted text, so it would be

CODE

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">TEXT</div>
<!-- end code provided by createblog.com -->

Make sure the code is before your blogbody div layer (if you have one) or else the codes will get messed up.