Dreamweaver set page height in CSS

Question

Hi everyone. What is causing this giant white space under my bottom menu bar?
I know now I should have used divs and padding, but I've spent all afternoon position every element using relative positioning and don't want to have to redo my entire website!
Here's the website:
http://www.jhurleydesign.com/_drivetastic_site/
Here's my CSS:
@charset "UTF-8";
body {
    width: 1018px;
    margin-left: auto;
    margin-right: auto;
.lgo {
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 20;
.tbr {
    position: relative;
    top: -49px;
    right: 0px;
    background: url(../_images/best.png) repeat-x;
    height: 45px;
    width: 1018px;
    z-index: 10;
.tmu {
    position: relative;
    top: -87px;
    right: -350px;
    z-index: 30;
    border: none;
    outline: none;
.bbr {
    position: relative;
    top: -48px;
    right: 0px;
    background-color: #212121;
    height: 45px;
    width: 1018px;
    z-index: 10;
.bmu {
.bmu .mi {
    font-family: Helvetica, Arial;
    font-size: 8px;
    font-weight: 850;
    position: relative;
    top: -80px;
    right: 0px;
    z-index: 30;
    border: none;
    padding-left: 20px;
    text-decoration: none;
    display: inline;
a.mui:link {color: #FFF;
text-decoration: none;
a.mui:visited {color: #FFF;
text-decoration: none;}
a.mui:active {color: #8a130d;text-decoration: none;}
a.mui:hover {color: #8a130d;
text-decoration: none;}
.bmu .cr {
    font-family: Helvetica, Arial;
    font-size: 8px;
    font-weight: 850;
    position: relative;
    top: -92px;
    right: -816px;
    z-index: 30;
    border: 0;
    padding-left: 20px;
    text-decoration: underline;
a.crt:link {
    color: #FFF;
    text-decoration: underline;
a.crt:visited {color: #FFF;
text-decoration: underline;}
a.crt:active {color: #8a130d;text-decoration: underline;}
a.crt:hover {color: #8a130d;
text-decoration: underline;}
.lrn {
    position: relative;
    top: -160px;
    right: -20px;
    z-index: 15;
.grd {
    position: relative;
    top: -590px;
    right: 0px;
    background-color:#e8e8e8;
    height: 295px;
    width: 1018px;
.lgrd {
    position: relative;
    top: -590px;
    right: 0px;
    background-color:#fbfbfb;
    height: 443px;
    width: 1018px;
    z-index: -10;
.stm {
    position: relative;
    top: -1300px;
    right: -535px;
.container {
    position: relative;
    top: -1226px;
    right: -23px;
    z-index: 10;
.container .txt {
    font-family: Helvetica, Arial;
    font-size: 14px;
    display: inline;
    width: 215px;
    padding-right: 36px;
    float: left;
    display: inline;
    color: #a5a5a5;
.container .txt img {
.container .txt a {
    float: left;
    padding-top: 23px;
.prms {
    position: relative;
    top: -1120px;
    right: -8px;
    float: left;
    display: inline;
.tst {
    position: relative;
    top: -1152px;
    right: -44px;
.prms .txt {
    padding-top: 11px;
    color: #8a130d;
    font-family: Arial, Helvetica;
    width: 459px;
.prms .ltxt {
    position: relative;
    top: -20px;
    font-family: Arial, Helvetica;
    color: #494949;
    font-size: 12px;
    font-family: Arial, Helvetica;
    height: 36px;
    width: 260px;
    position: relative;
    top: 10px;
    padding-bottom: 138px;
    float:left;
    display: inline;
.quoteimgs {
    position: relative;
    top: -1444px;
    right: -591px;
    padding-bottom: 0px;
.prms .ltxt {
.prms .ltxt p {
    margin-bottom: -px;
.prms .ltxt p a:link{
    color: #8a130d;
    text-decoration: none;
.prms .ltxt p a:visited{
    color: #8a130d;
    text-decoration: none;
.prms .ltxt p a:active{
    color: #8a130d;         text-decoration: underline;}
.prms .ltxt p a:hover{color: #8a130d;
text-decoration: underline;}
.btmub {
Please someone give me a work around to force the page height? Need to get rid of that white space
If someone could find out what's causing the page to be bumped down...honestly spent hours and hours looking and deleting parts of my CSS and I can't work it out at all

Answer 1

If your were to remove all positioning (highly recommended) and just let the normal document flow determine your page height, you would have far fewer problems.  Suggest you start your project with a pre-built CSS Layout that has all the columns and containers you need.  This will save you many hours of needless frustration, too.
DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/