Navi wird nicht mit height:auto in die länge gezogen

[nokill]

Hi,

habe jetzt ein layout mit css und <div>-Tags gemacht aber die Navi wird nicht so wie ich es will dargestellt ich habe die navi auf height:100% und height:auto gestellt aber es funkrtioniert nicht die navi wird nicht bis auf das max gezogen
hier die ganz .css-Datei:
html, center { width:100%; height:auto; }

#navi_left, #navi_right { text-align:left;
                          width:125px;
                          height:100%;
                          padding-left:2px;
                          border-width:medium;
                          border-color:#718EC9;
                          border-style:double;
                          border-bottom-style:none;
                        }

body { background-color:#84A8BF;
       margin:0px;
       width:100%;
       height:auto;
     }

#body { background-color:#84A8BF;
        margin:0px;
        height:auto;
        width:1018px;
        float:none;
      }

#head { background-color:#CDDBE8;
        margin:0px;
        width:100%;
        height:100px;
      }

#navi_left { background-color:#CDDBE8;
             float:left;
           }

#site { background-color:#84A8BF;
        float:left;
        text-align:left;
        width:750px;
        height:auto;
      }

#navi_right { background-color:#CDDBE8;
              float:right;
            }

#footer { background-color:#CDDBE8;
          font-size:12px;
          width:1018px;
          height:33px;
          text-align:center;
          clear:both;
          border-width:medium;
          border-color:#718EC9;
          border-style:double;
        }

schon einmal danke im vorraus

mfg nokill